fix datepick input cant update

zombieJ · Aug 5, 2016 · 78c0bf4 · 78c0bf4
1 parent 5dd8b67
commit 78c0bf4
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 3 deletions.
diff --git a/bootstrap-components/js/bootstrap-components.js b/bootstrap-components/js/bootstrap-components.js
@@ -291,13 +291,19 @@
 			var _val = null;
 			_val = $.datepicker.dateToStrng(_date, _format);
 			_target.val(_val);
+
+			// Remove hook function
+			_instance.getTarget().off("keyup.datepicker");
+
+			// Clen up
 			_instance.remove();
 			_instance = null;
 
 			// trigger event
 			if(_val != _preVal) {
 				_target.change();
 			}
+
 		}
 		_instance = instance;
 	}
@@ -550,6 +556,7 @@
 
 		refreshInstance($container);
 
+		// Popup position update
 		setTimeout(function () {
 			var pos = target.offset();
 			var offset = {
@@ -734,6 +741,13 @@
 			$timepicker.hide();
 		}
 
+		// Listen if target input changed
+		target.on("keyup.datepicker", function () {
+			var date = $.datepicker.toDate($(this).val(), _format);
+			dateCurrent = dateShadow = new Date(date.getTime());
+			draw();
+		});
+
 		// fill date in the view
 		function draw() {
 			var _year = dateShadow.getFullYear();

diff --git a/bootstrap-components/js/bootstrap-components.min.js b/bootstrap-components/js/bootstrap-components.min.js
diff --git a/bootstrap-components/js/bootstrap-components.min.js.map b/bootstrap-components/js/bootstrap-components.min.js.map
diff --git a/example/datepicker.html b/example/datepicker.html
@@ -135,6 +135,12 @@
 			</div>
 		</div>
 
+		<div class="clearfix">
+			<div class="col-lg-3">
+				<input type="text" id="input_self" class="form-control" data-toggle="datepicker">
+			</div>
+		</div>
+
 		<div style="height: 2000px;"></div>
 	</body>
 </html>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "zombiej-bootstrap-components",
-	"version": "1.1.5",
+	"version": "1.1.6",
 	"description": "Bootstrap 3 UI components",
 	"author": "zombieJ",
 	"repository": {

diff --git a/src/datepicker/bootstrap-datepicker.js b/src/datepicker/bootstrap-datepicker.js
@@ -75,13 +75,19 @@
 			var _val = null;
 			_val = $.datepicker.dateToStrng(_date, _format);
 			_target.val(_val);
+
+			// Remove hook function
+			_instance.getTarget().off("keyup.datepicker");
+
+			// Clen up
 			_instance.remove();
 			_instance = null;
 
 			// trigger event
 			if(_val != _preVal) {
 				_target.change();
 			}
+
 		}
 		_instance = instance;
 	}
@@ -334,6 +340,7 @@
 
 		refreshInstance($container);
 
+		// Popup position update
 		setTimeout(function () {
 			var pos = target.offset();
 			var offset = {
@@ -518,6 +525,13 @@
 			$timepicker.hide();
 		}
 
+		// Listen if target input changed
+		target.on("keyup.datepicker", function () {
+			var date = $.datepicker.toDate($(this).val(), _format);
+			dateCurrent = dateShadow = new Date(date.getTime());
+			draw();
+		});
+
 		// fill date in the view
 		function draw() {
 			var _year = dateShadow.getFullYear();