Question

我正在尝试重新格式化我从日期选择器中获取的日期输入.....

以下是我在身体某个部分中的代码

<div class="simpleTabsContent">PLACEHOLDER: Linux Update
           Date: <input type="text" name="datepicker" id="datepicker">
           <br>
           <button type="button" onclick="myFunc2()">Button Text...click me </button>
           <p id="test"></p>
           <script>
              function myFunc2(){
                var x;
                x = $(".selector").datepicker({dateFormat: 'yy-mm-dd'}).val();
                //x = document.getElementById("datepicker").value;
                document.getElementById("test").innerHTML = x;
              }
           </script>
     </div>

这是我脑子里的代码......

 <head>
  <meta charset="utf-8">
  <title>SPUI Development</title>
  <style type="text/css" media="screen">
     @import "css/style.css";
  </style>
  <!-- SimpleTabs -->
  <script type="text/javascript" src="js/simpletabs_1.3.js"></script>
  <style type="text/css" media="screen">
     @import "css/simpletabs.css";
  </style>
  <!-- Code for calendar -->
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
     $.datepicker.setDefaults(
        $.extend ($.datepicker.regional[''])
     );
     $('#datepicker').datepicker();
   });
  </script>

我不知道我做错了什么。有人请帮忙吗？我也读过api和几个堆栈溢出示例以及在线示例....我迷路了。

Answer 1

您可以在实例化datePicker后更改格式。您刚忘记了关键字option：

x = $("#datepicker").datepicker('option', 'dateFormat', 'yy-mm-dd').val();

Answer 2

我马上看到你没有类selector

的元素

x = $(".selector").datepicker({dateFormat: 'yy-mm-dd'}).val();

你的意思是

x = $("#datepicker").datepicker({dateFormat: 'yy-mm-dd'}).val();

Answer 3

首次初始化日期选择工具时，您只能提供dateFormat:等选项，该选项位于$(function() {...})。它应该是：

$(function() {
    $.datepicker.setDefaults(
        $.extend ($.datepicker.regional[''])
    );
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd'
    });
});

然后您的其他功能可以是：

function myFunc2(){
    var x;
    x = $("#datepicker").val();
    $("#test").text(x);
}

您不需要在此致电.datepicker()。当用户从日期选择器中选择某些内容时，它会被输入到输入元素的值中。

如果您想在初始化后动态更改jQuery UI小部件的选项，可以使用option或options方法执行此操作：

$("#datepicker").option("dateFormat", "yy-mm-dd");

但对于你正在做的事情，这似乎并不合适。

datepicker日期格式...我已阅读其他帖子

3 个答案: