如何获取 jQuery datepicker 中 dateFormat 的值?

发布于 2024-12-08 12:01:52 字数 291 浏览 0 评论 0原文

我有一个 jQueryUI 日期选择器,它是用 dateFormat: 'dd/mm/yy' 创建的。如果我使用常规 HTTP POST 或 HTTP GET 请求,输入将以 dd/mm/yy 格式有效传递,但是当我在任何脚本中使用日期选择器的 getDate 方法时,我会得到类似 'Wed Oct 05 2011 00:00: 00 GMT-0430(委内瑞拉标准时间)'。

有没有办法可以获取日期选择器的 dateFormat (或任何格式)中的日期?

当然,我可以使用包含日期选择器的文本输入的值,但我更喜欢使用小部件中的方法。

I have a jQueryUI datepicker, which was created with dateFormat: 'dd/mm/yy'. If I use a regular HTTP POST or HTTP GET request, the input is passed effectively in dd/mm/yy format, but when I use the datepicker's getDate method in any script, I get something like 'Wed Oct 05 2011 00:00:00 GMT-0430 (Venezuelan Standard Time)'.

Is there a way I could get the date in the dateFormat of the datepicker (or any format)?

Of course I could use the value of the text input that contains the datepicker, but I would prefer using a method from the widget.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

纵山崖 2024-12-15 12:01:53

我就是这样做的:

在此处输入图像描述

jQuery("#select-date-id").datepicker({
    dateFormat: "yy-mm-dd",
    onSelect: function (selected) {
        var selectedDate = $(this).datepicker('getDate');
        console.log(selectedDate); // log the value in the console
    }
});

This is how I do it :

enter image description here

jQuery("#select-date-id").datepicker({
    dateFormat: "yy-mm-dd",
    onSelect: function (selected) {
        var selectedDate = $(this).datepicker('getDate');
        console.log(selectedDate); // log the value in the console
    }
});
你穿错了嫁妆 2024-12-15 12:01:52

getDate() 应该返回一个 JavaScript Date 对象,因此任何 Date 方法都应该适合您。

IE

var date = $("#yourId").datepicker('getDate');
console.log(date.getDay()); //Returns day of the week 0-6
console.log(date.getDate()); //Returns day of the month 1-31
//etc...

日期对象参考

getDate() should be returning a JavaScript Date object, so any of the Date methods should work for you.

I.E.

var date = $("#yourId").datepicker('getDate');
console.log(date.getDay()); //Returns day of the week 0-6
console.log(date.getDate()); //Returns day of the month 1-31
//etc...

Date Object Reference

最终幸福 2024-12-15 12:01:52

尝试这样的事情:

var date = $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' });

Try something like this:

var date = $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' });
缺⑴份安定 2024-12-15 12:01:52

要 console.log 并处理 datepicker 函数,您可以尝试以下操作:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Icon trigger</title>

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker({

      buttonImageOnly: true,
      buttonText: "Select date"
    });

    $('#datepicker').datepicker()
    .on("input change", function (e) {
    console.log("Date changed: ", e.target.value);
});
  } );


  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>

To console.log and deal with datepicker function you can try this:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Icon trigger</title>

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker({

      buttonImageOnly: true,
      buttonText: "Select date"
    });

    $('#datepicker').datepicker()
    .on("input change", function (e) {
    console.log("Date changed: ", e.target.value);
});
  } );


  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文