javascript - 如何使用javascript格式进行日期选择？

Question

在我的 PHP 项目中，我使用 3 个组合框来选择年、月和日期。但我无法格式化这 3 个值以在 2013-10-01 类型中保存为数据库中的日期。下面给出的是我选择日期的代码。

  <p>
      <label class="floated" for="dtb_yr"><b>Date of Birth :</b></label>

            <select name="dtb_yr">
                <option value="2013" />2013
                <option value="2014" />2014
                <option value="2015" />2015
                <option value="2016" />2016
                <option value="2017" />2017
                <option value="2018" />2018
                <option value="2019" />2019
                <option value="2020" />2020
                <option value="2021" />2021
                <option value="2022" />2022

            </select>

            <select name="dtb_mon">
                <option value="january" />January
                <option value="february" />February
                <option value="March" />March
                <option value="Apirl" />Apirl
                <option value="May" />May
                <option value="June" />June
                <option value="July" />July
                <option value="August" />August
                <option value="September" />September
                <option value="October" />October
                <option value="November" />November
                <option value="December" />December
            </select>

            <select name="dtb_day">
                <option value="01" />01
                <option value="02" />02
                <option value="03" />03
                <option value="04" />04
                <option value="05" />05
                <option value="06" />06
                <option value="07" />07
                <option value="08" />08
                <option value="09" />09
                <option value="10" />10
                <option value="11" />11
                <option value="12" />12
                <option value="13" />13
                <option value="14" />14
                <option value="15" />15
                <option value="16" />16
                <option value="17" />17
                <option value="18" />18
                <option value="19" />19
                <option value="20" />20
                <option value="21" />21
                <option value="22" />22
                <option value="23" />23
                <option value="24" />24
                <option value="25" />25
                <option value="26" />26
                <option value="27" />27
                <option value="28" />28
                <option value="29" />29
                <option value="30" />30
                <option value="31" />31
            </select>
            <br class="clear"/>
        </p>

有什么方法可以更准确地选择日期和保存日期，如下面的 textfeild 所示？

     <p>

            <label class="floated" for="model_no"><b>Model no :</b></label>
            <input type="text" name="model_no" id="model_no" placeholder="Enter Modle No" />
            <br class="clear" />
        </p>

Answer 1

你可以使用Jquery Date picker，你只需要选择日期，它可以以指定的格式保存在数据库中。

将此代码添加到 HTML 文档的头部。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


 <script>
   $(function() {
   $( "#dtb_yr" ).datepicker({ dateFormat: 'yy-mm-dd' });
 });
 </script>

将此添加到您的表单中 在 HTML 中:

<input type="text" name="dtb_yr" id="dtb_yr" placeholder="Select Date" />

在PHP文件中添加这段代码 在 PHP 中:

 $dtb_yr =  $_POST['dtb_yr'];