如何让jQuery中选定的日期(how to get the selected date in jq

2019-08-05 13:54发布

我按照

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Datepicker - Display inline</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>
</head>
<body>

Date: <div id="datepicker"></div>


</body>
</html>

这让日历,并得到了日程总是被显示在页面上。

现在我想选择的日期,并把它传递给其他的函数来处理。

这该怎么做。

最佳Rgards

Answer 1:

试试这个..

var selecteddate=  $( "#datepicker" ).datepicker( "getDate" );
alert(selecteddate);

这里是文档

更新

使用onselect ,如果你需要它的点击。

$( "#datepicker" ).datepicker({
  onSelect: function(date) {
    alert(date);
    //do your processing here
  }
 });


Answer 2:

使用onSelect方法时,选定的日期被称为并取得日期为文本

$(function() {
  $( "#datepicker" ).datepicker({
    onSelect: function(date) {
      alert(date);
    }
  });
});


Answer 3:

您可以使用下面的代码

$("#datepicker").datepicker("getDate");

谢谢,



Answer 4:

ONSELECT

    $("#expirationDate").datepicker({
        buttonImage: '../Images/calendar.gif',
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        showOn: 'both',
        onSelect: function () {
            getValidTillDateValue(this);
        }
    });

  function getValidTillDateValue(ele) {
            return $(ele).val();
        }

如果您想要的日期值以后表单提交说要检查的价值

valuePublishDate = $("#customerPublishingDate").datepicker("getDate");


文章来源: how to get the selected date in jquery