The first effect:
Code:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
The
Based on the jquery UI 1.11.4 is modified as follows (modified 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 sh
Owanim, Duration, postprocess, onClose, inst = this._curinst; if (!inst | | (Input && Inst!== $.data (input, "DatePicker"))
{return; /** * 2015.6.11 Modified * Author:link * Add inst.autoclose Control 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] are not needed if (inst.autoclose===true) {//here does not hide}else{if ($.ef Fects && ($.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); }//-----------------------------------------------------------------------------------------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) {$.unbloc Kui (); $ ("Body"). Append (This.dpdiv); } This._indialog = false;
} },
The above mentioned is the entire content of this article, I hope you can enjoy.