Javascript/jQuery DatePicker 定制

Question

我需要一个日期选择器添加到 PHP 文件中，我用它来选择一个数据库表中的各种时间范围。我曾经手动输入这些信息，但因为我需要经常选择它，所以我想创建一个更快、更干净的版本。我通过这个网站找到了日期选择器的源代码..

http://api.jqueryui.com/datepicker/#option-dateFormat

它为我提供了以下代码供我使用...

    <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
    $( function() {
    $( "#datepicker2" ).datepicker();
  } );
  </script>

一个是开始日期，第二个是结束日期，我正在尝试修改日期的格式，以便它们显示为 yy-mm-dd。 API 文档说我可以通过使用以下代码来完成此任务...

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

    // Getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );

// Setter
$( ".selector" ).datepicker( "option", "dateFormat", "yy-mm-dd" );

如何将其添加到我的代码中？是否只是直接放在脚本标签内？我尝试将其放在那里并进行各种编辑，但没有成功，API 文档没有详细说明在哪里添加它或修改什么内容。

支持此功能的整个源代码块是..

 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <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();
  } );
    $( function() {
    $( "#datepicker2" ).datepicker();
  } );
  $( ".datepicker" ).datepicker({
  dateFormat: "yy-mm-dd"
});
$( ".datepicker" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
  </script>
 <form action="dateselection.php" method="POST">
<p>Date: <input type="text" id="datepicker" name="dp"></p>
<p>Date2: <input type="text" id="datepicker2" name="dp2"></p>
 <input type="submit">
 </form>

Answer 1

您可以简单地在初始 datepicker() 声明中声明 dateFormat，例如:

<form action="dateselection.php" method="POST" id="datePost">
    <p>Date: <input type="text" id="datepicker" name="dp"></p>
    <p>Date2: <input type="text" id="datepicker2" name="dp2"></p>
    <input type="submit" value="Submit">
</form>
<script>
    $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" });
    $("#datepicker2").datepicker({ dateFormat: "yy-mm-dd" });
</script>