JQuery plugin datepicker continuous date selection, jquerydatepicker
First effect:
Code:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Based on jquery UI 1.11.4, modify the following (in the source code ):
/* Hide the date picker from view. * @ param input element-the input field attached to the date picker */_ hideDatepicker: function (input) {var showAnim, duration, postProcess, onClose, inst = this. _ curInst; if (! Inst | (input & inst! ==$. Data (input, "datepicker") {return;}/*** 2015.6.11 modify * author: link * to add inst. autoClose controls the calendar panel * // if (this. _ datepickerShowing |! Inst. autoClose) {showAnim = this. _ get (inst, "showAnim"); duration = this. _ get (inst, "duration"); postProcess = function () {$. datepicker. _ tidyDialog (inst) ;}; // DEPRECATED: after BC for 1.8.x $. effects [showAnim] is not needed if (inst. autoClose = true) {// here it is not hidden} else {if ($. effects & ($. effects. effect [showAnim] | $. effects [showAnim]) {inst. dpDiv. hide (showAnim, $. datepicker. _ get (inst, "ShowOptions"), duration, postProcess);} else {inst. dpDiv [(showAnim = "slideDown "? "SlideUp": (showAnim = "fadeIn "? "FadeOut": "hide")] (showAnim? Duration: null), postProcess) ;}// specify if (! ShowAnim) {postProcess ();} this. _ datepickerShowing = false; onClose = this. _ get (inst, "onClose"); if (onClose) {onClose. apply (inst. input? Inst. input [0]: null), [(inst. input? Inst. input. val (): ""), inst]);} this. _ lastInput = null; if (this. _ inDialog) {this._dialogInput.css ({position: "absolute", left: "0", top: "-100px"}); if ($. blockUI) {$. unblockUI (); $ ("body "). append (this. dpDiv) ;}} this. _ inDialog = false ;}},
The above is all the content of this article. I hope you will like it.