【原创】jquery datepicker如何获取(或设置)选择的时间值【2】

自问:jquery datepicker如何获取选择的时间值?

自答:可以用.change()方法触发;

至于获取选择的时间值:1)可以用.val()方法获取输入框的时间字符串; 2)用.datepicker("getDate")可以获取具体的时间格式

 自己项目名称:C****CodeTest->jqueryDatePickerController->Index

1. 示例如下,前端:

复制代码
@{
    ViewBag.Title = "Index";
    Layout = null;
}
<link href="~/Content/jquery-ui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.4.1.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.custom.js"></script>

<p></p>
<p>Date: <input type="text" id="datepicker"></p>
<script type="text/javascript">
    $(function () {
        $("#datepicker").datepicker();
    });
    //如何获取选择的时间?用.change()方法触发
    $("#datepicker").change(function () {
        var selDate1 = $("#datepicker").val()
        console.log("直接用val()方法获取,得到的是输入框里的字符串如下:" + selDate1);
        var selDate2 = $("#datepicker").datepicker("getDate");
        console.log("用datepicker('getDate')的方法,得到的是一长串的时间格式如下:" + selDate2);
    })

</script>
复制代码

2.测试结果如下:

 

 3.如何设置成特定的时间值,用的方法如下:

$("#datepicker").datepicker('setDate', 这边输入特定的时间);

 具体例子如下:

   //如何设置时间值?
    $("#setDate").click(function () {
        var today = new Date();
        $("#datepicker").datepicker("setDate", today);
    })

测试结果如下:

 

posted @   katesharing  阅读(932)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示