jquery datepicker 选择时间小时的怎么设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery datepicker 选择时间小时的怎么设置相关的知识,希望对你有一定的参考价值。

Datepicker 的选项中有一个 minDate(最小日期),如果你把 minDate 设为当前日期,之前的日期就都不能选了。

minDate 可以为

1、日期对象,例如 new Date()
2、也可以是整数,例如 3 代表 3 天后,-1 代表昨天,0 代表今天
3、也可以是字符串,例如 1w 代表 1 星期后,-2m 代表 两个月之前

所以你的问题,可以设置为日期对象(当前)或者0。

$("#ele").datepicker(
minDate: new Date()
);
参考技术A <td align="right">
    <label class="Validform_label need">
        *出车时间:
    </label>
</td>
<td class="value">
    <input id="departTime" name="departTime" type="text" style="width: 150px" datatype="*" class="Wdate"
           onClick="WdatePicker(dateFmt:'yyyy-MM-dd HH:00:00')" value='<fmt:formatDate value='$oaTbOfficeCarManagerPage.departTime' type="date"
            pattern="yyyy-MM-dd HH:mm:ss"/>'>
    <span class="Validform_checktip"></span>
    <label class="Validform_label" style="display: none;">出车时间</label>
</td>

关键就是修改onClick="WdatePicker(dateFmt:'yyyy-MM-dd HH:00:00')

使用 jQuery UI datepicker 选择日历更改 URL

【中文标题】使用 jQuery UI datepicker 选择日历更改 URL【英文标题】:Calendar change URL on select with jQuery UI datepicker 【发布时间】:2013-10-22 20:46:42 【问题描述】:

我正在使用 jQuery UI 选择器,我想知道当有人选择日期时是否有可能,它会自动将他们重定向到 URL,如下所示:

index.php?date=2013-10-15

这是我正在使用的插件。

<script>
    $(function() 
        $( "#datepicker" ).datepicker();
    );
</script>

Date: &lt;input type="text" id="datepicker" /&gt;

【问题讨论】:

嗯,我认为 jQuery 的 UI 很常见,每个人都知道它是什么。 :\ 【参考方案1】:

1) 你需要的是window.location.href,用于重定向页面。您可以自定义打开窗口的方式。

2) 在 datepicker (onSelect) 中选择日期后,您可以将 change 事件合并为 @T.J。克劳德在他的answer 中说。

你可以这样试试

$("#datepicker")
    .datepicker(
      dateFormat: "yy-mm-dd",
      onSelect: function(dateText) 
        $(this).change();
      
    )
    .change(function() 
      window.location.href = "index.php?date=" + this.value;
    );

【讨论】:

【参考方案2】:

试试这个:

$(function () 
    $("#datepicker").datepicker(
        dateFormat: "yy-mm-dd",
        onSelect: function () 
            window.open(document.URL + '?date=' + this.value);
        
    );
);

演示here

【讨论】:

非常好!但我选择了window.location.href,因为我正在重定向。【参考方案3】:

我希望这将按照您的要求进行。

日期:

<script>
$(function() 
$( "#datepicker" ).datepicker();

);

function myFunc()
    var dateData = $("#datepicker").val();

    if(dateData != '' )

        var url = "http://www.index.php?date="+ dateData ;
        window.open(url);

    



</script>

<body>
<p>Date: <input type="text" id="datepicker" onchange="myFunc();" /></p>
</body>

【讨论】:

以上是关于jquery datepicker 选择时间小时的怎么设置的主要内容,如果未能解决你的问题,请参考以下文章

JQUERY Datepicker - 从 datepicker 选择日期后验证错误不会消失

jQuery UI:DatePicker,只选择今天到过去的日期

.datepicker('setdate') 问题,在 jQuery 中

如何根据 datepicker 选择的日期动态设置 jquery.timepicker minTime?

Datepicker JQUERY 不选择输入日期

jQuery Datepicker:单击日期时防止关闭选择器