關於jquery-weui.js中時間控件datetimepicker的使用


  今天第一次接觸jquery-weui,不太了解用法,然而官方文檔寫的也很簡略,只好打開源代碼進行研究,我想要的是設置開始日期大於當前日期,然后在源碼中發現有min這個默認為undefined的屬性,於是在設置

啟動$("#starttime").datetimePicker()的時候里面加了一個參數param,一般來說這種參數都是json格式,於是

var nTime = new Date();
var format = nTime.getFullYear() + "-" + (nTime.getMonth()+1) + "-" + nTime.getDate() + " " + (nTime.getHours()) + ":" + nTime.getMinutes();
var param = {'min':format};
$("#starttime").datetimePicker(param);

 

  設置完開始日期之后就是動態設置截止日期,要讓截止日期大於開始日期,我在<input id="starttime">里面添加了onChange="setMinTime()"這個事件,修改的時候就獲取$("#starttime")的值,再進行拼接字符串獲得我需要的日期格式,完成進行測試才發現和自己想象的完全不同,先貼一下之前的代碼

$("#endtime").datetimePicker({'min':year + "-" + month + "-" + day + " " + hour + ":" + minute});

  反復調試發現方法是進入了的,這句話也是執行了的,怎么就不能重新設置呢?而且奇怪的是,min這個屬性只被第一次賦值了,想了好久突然想到可能是初始化的時候就已經確定了不能修改,這個也解釋了為什么這個的值和第一次相同,抱着試一試的心態,我只好用笨辦法

$("label[for='endtime']").parent().siblings("input").remove();
$("label[for='endtime']").parent().parent().append('<input class="weui_input" id="endtime" name="endtime" value="" placeholder="請選擇結束日期"/>');
$("#endtime").datetimePicker({'min':year + "-" + month + "-" + day + " " + hour + ":" + minute});

  結果這樣先刪除,再添加,最后設置的方法真的成功了~原來初始化后就不能改變其屬性了,也不知道是不是自己沒有找到正確的打開方式,如果有希望留言告知

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM