【问题标题】:how to get the date value from an jquery UI datepicker如何从 jquery UI datepicker 获取日期值
【发布时间】:2016-05-09 02:23:23
【问题描述】:

过去几个小时我一直在尝试从 UI 日期选择器中获取日期

我用过

$( your_datepicker_id ).datepicker( "getDate" ) 

来自 "How to get the date from jQuery UI datepicker"

但调试显示它返回一个对象。我还将“getDate”替换为“val”。我搜索了很多网站,他们都给出了相同的答案。

我想要的只是日期。

【问题讨论】:

  • 你能把小提琴放在一起吗?
  • 我已经尝试过,但我不知道从哪里开始。我什至无法加载 jquery。
  • " 调试显示它返回一个对象。" - 这应该是一个 JavaScript 日期对象。它包含您需要的所有数据。

标签: jquery jquery-ui datepicker


【解决方案1】:

这应该可行:

$(your_datepicker_id).val()

【讨论】:

  • 我试过了,但尽管日期选择器框包含一个日期,但我在调试器中得到“未定义”。我正在使用 Firefox 46.0.1 并重新启动了两次。我发现 jscript 中的日期很困难。
【解决方案2】:

在尝试获取日期之前,请确保已选择日期。请按照这个 sn-p 说明如何通过“val()”和“getdate”方法检索日期。

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

  <script>

$(document).ready(function(){

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

    $("#btnD").click(function(){
    var currentDate = $( "#datepicker" ).datepicker( "getDate" );
alert(currentDate);
    });

  $("#btnI").click(function(){
    var currentDate = $( "#datepicker" ).val();
   alert(currentDate);
    });
});

  </script>

<p>Date: <input type="text" id="datepicker"></p>
<button id="btnD">Get Date</button>
<button id="btnI">Get Input value</button>

【讨论】:

  • 感谢您的回复,但是当我单击日期字段时,它没有显示任何日期框供我选择。我在控制台日志中得到“jQuery 未定义”。如果我输入日期,两个按钮都不会显示任何内容。
  • 确保您正在加载 jquery 和 jquery ui 库。或者你能分享一个小提琴吗?
猜你喜欢
  • 2011-06-22
  • 2021-06-16
  • 1970-01-01
  • 1970-01-01
  • 2023-03-05
  • 1970-01-01
  • 2010-11-02
  • 2011-07-11
  • 1970-01-01
相关资源
最近更新 更多