【问题标题】:bootstrap datetimepicker validation end date from other picker从其他选择器引导 datetimepicker 验证结束日期
【发布时间】:2014-07-24 12:32:08
【问题描述】:

如何从其他选择器引导 datetimepicker 验证结束日期

<div class="well">
  <div id="from-datepicker" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

<div class="well">
  <div id="to-datepicker" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

<script>
$(function () { 
$('#from-datepicker').datetimepicker({format: 'DD.MM.YYYY HH:mm',pickSeconds: false,pick12HourFormat: false});
$('#to-datepicker').datetimepicker({format: 'DD.MM.YYYY HH:mm',pickSeconds: false,pick12HourFormat: false});});
</script>

ToDate 必须晚于 FromDate。怎么做?

【问题讨论】:

  • 是的,但是把这张支票放在哪里
  • 关于您使用日期的任何点击事件(可能是提交按钮?)

标签: javascript jquery twitter-bootstrap datepicker


【解决方案1】:

您可以在 datetimepicker 的更改事件中指定检查。

$('#to-datepicker').datepicker().on('changeDate', function (ev) {
    //if (to>from)
       //code here
    //else 
       //code here
});

【讨论】:

    猜你喜欢
    • 2023-03-25
    • 1970-01-01
    • 2014-10-21
    • 1970-01-01
    • 2019-08-10
    • 1970-01-01
    • 2017-10-19
    • 2016-04-15
    • 1970-01-01
    相关资源
    最近更新 更多