close

要設定開始時間跟結束時間

開始時間不能大於結束時間

結束時間不能小於開始時間XXDD唉唷好饒舌

 

$("#start_time").datepicker({
    onSelect: function (selected) {
        $("#end_time").datepicker("option", "minDate", selected);
     }
});

$("#end_time").datepicker({
     onSelect: function (selected) {
         $("#start_time").datepicker("option", "maxDate", selected);
      }
});

 

原本jq ui裡的datepicker只到day的樣子

想要到時分秒

又去載了兩個檔案

jquery-timepicker-addon套件

 

以下備份,有空再回來整理

//datetimepicker
var dateformat = {
"dateFormat": "yy-mm-dd",
"timeFormat": "HH:mm"
};

$('#start_time').datetimepicker(dateformat);
$('#end_time').datetimepicker(dateformat);

var today = new Date();
var st = new Date(today.getTime() - 86400000 * 3);
$("#start_time").datetimepicker("setDate", st);
$("#end_time").datetimepicker("setDate", today);

$('#start_time').datetimepicker()
.on("input change", function (e) {
var st = new Date(e.target.value);
var ed = new Date(st.getTime() + 86400000 * 3);
$("#end_time").datetimepicker("setDate", ed);
});

arrow
arrow
    文章標籤
    jquery datepicker datetimepicker
    全站熱搜
    創作者介紹
    創作者 Kaikai凱開 的頭像
    Kaikai凱開

    凱開 x 慵懶日子

    Kaikai凱開 發表在 痞客邦 留言(0) 人氣()