当前位置: 首页 > 知识库问答 >
问题:

如何选择大于开始日期结束日期(日期时间选择器)

穆宾白
2023-03-14

我想在日期时间选择器中选择大于开始日期的结束日期时间。

当前,我正在开始日期时间和结束日期时间。

假设,我选择了时间为12:00 pm的当前日期,现在end date应该是时间为1:00 pm的当前日期。

我想要下面这样的东西

示例

开始日期和时间:---2019-11-06 12:00结束日期和时间:---2019-11-06 1:00

这是我的代码

null

$(function () {
    $("#txtFrom").datetimepicker({
        format:	'Y-m-d H:i',
        minDate: 0,
        onChangeDateTime:startDate
    });
    function startDate(selected){
            var dt = new Date(selected);
            dt.setDate(dt.getDate() + 1);
           
            $("#txtTo").datetimepicker("option", "minDate", dt);
}

    $("#txtTo").datetimepicker({
        format:	'Y-m-d H:i',
       
        onChangeDateTime:endDate
    });
   
    function endDate(selected){
        var dt = new Date(selected);    
            dt.setDate(dt.getDate() - 1);

            $("#txtFrom").datetimepicker("option", "maxDate", dt);
}


  
});
html lang-html prettyprint-override"><!DOCTYPE html>
<html>
 <head>
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
   <meta charset="utf-8">

   <title>Home</title>
   <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/jquery.datetimepicker.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.js"></script>


 </head>
 <body>
  
 <table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>
        From:
    </td>
    <td>
        <input type="text" id="txtFrom" />
    </td>
    <td>
        &nbsp;
    </td>
    <td>
        To:
    </td>
    <td>
        <input type="text" id="txtTo" />
    </td>
</tr>
</table> 

<!-- <input name="startDate" type="text" id="txtFrom"/> -->

</body>
</html>

null

共有1个答案

端木兴国
2023-03-14

您正在使用的用于日期时间选择器的插件有关于设置mintime的问题。即使在他们的演示中,minTime功能也不起作用。已经有多个用户提交了相同的问题。如果您想更改插件代码或有关它的更多细节,可以从这里获得https://github.com/xdan/datetimepicker/issues/377

 类似资料:
  • 问题内容: 我有一个类型为“ datetime”的列,其值类似于2009-10-20 10:00:00 我想从datetime提取日期并编写类似的查询: 以下是最好的方法吗? 但是,这将返回一个空的结果集。有什么建议么? 问题答案: 您可以使用MySQL的功能: 您也可以尝试以下方法: 有关使用的性能影响的信息,请参见此答案。

  • 日期时间选择器是一个定制的picker,因此他的用法和picker完全一致。打开picker的默认值是当前时间,可以通过value参数指定 datetime-picker 定制了 onChange 和 cols 参数,请不要设置这两个参数。 <input type="text" id='datetime-picker'/> <script>   $("#datetime-picker").da

  • elementUI 日期选择器,选择开始日期之后,结束日期只能选择,12月以内的。怎么判断?

  • datePicker 日期选择或者时间选择 使用方法 AlipayJSBridge.call('datePicker', { beginDate: '2016-10-10', minDate: '2016-10-9', maxDate: '2017-10-9', mode: 1, }, function(e) { alert(JSON.stringify(e)); });

  • 我已经记录了用于从日期选择器中选择日期的selenium代码。在运行测试用例时,日期选择器会弹出并正确突出显示所选日期。但是没有选择日期。代码如下所示:- 此异常仅出现在记录的代码中。我使用的是selenium-server-standalone-2 . 45 . 0 jar。

  • DateTimePicker 日期时间选择器 在同一个选择器里选择日期和时间 tip DateTimePicker 由 DatePicker 和 TimePicker 派生,Picker Options 或者其他选项可以参照 DatePicker 和 TimePicker。 日期和时间点 通过设置type属性为datetime,即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 D