easyui datetimebox设置截止时间

浅浅的花香味﹌ 2023-06-27 11:18 61阅读 0赞
  1. <input id="endtime" name="workTask.deadline" class="easyui-datetimebox" data-options="required:true,editable:false" style="width:190px;height:28px;"/>
  2. $("#endtime").datetimebox().datetimebox('calendar').calendar({
  3. validator:function(date){
  4. var startTime = new Date();
  5. return date>=startTime;
  6. }
  7. });

区间设置

  1. function onChangeStartTime(){
  2. var startTime = $("#beginTime").datetimebox("getValue");//开始时间
  3. var endTime = $("#endTime").datetimebox("getValue");//结束时间
  4. console.log("begin startTime="+startTime+" endTime="+endTime);
  5. if(startTime!=null&&startTime!=""&&endTime!=null&&endTime!=""){
  6. if(startTime>endTime){
  7. $.messager.alert('提示','开始时间不能大于结束时间!');
  8. $('#beginTime').datetimebox('setValue', '');
  9. return;
  10. }
  11. }
  12. }
  13. function onChangeEndTime(){
  14. var startTime = $("#beginTime").datetimebox("getValue");//开始时间
  15. var endTime = $("#endTime").datetimebox("getValue");//结束时间
  16. console.log("end startTime="+startTime+" endTime="+endTime);
  17. if(startTime!=null&&startTime!=""&&endTime!=null&&endTime!=""){
  18. if(startTime>endTime){
  19. $.messager.alert('提示','结束时间不能小于开始时间!');
  20. $('#endTime').datetimebox('setValue', '');
  21. return;
  22. }
  23. }
  24. }
  25. $(function(){
  26. $("#beginTime").datetimebox({
  27. onHidePanel : function() {//datebox把onHidePanel换成onSelect
  28. onChangeStartTime();
  29. }
  30. });
  31. $("#endTime").datetimebox({
  32. onHidePanel : function() {//datebox把onHidePanel换成onSelect
  33. onChangeEndTime();
  34. }
  35. });
  36. });
  37. <input class="easyui-datetimebox" id="beginTime" name="begin" data-options="prompt:'开始时间'" style="width:150px;">
  38. <input class="easyui-datetimebox" id="endTime" name="end" data-options="prompt:'结束时间'" style="width:150px;">

发表评论

表情:
评论列表 (有 0 条评论,61人围观)

还没有评论,来说两句吧...

相关阅读