Fatal编程技术网
  • javascript/
  • 如何使用javascript fromat进行日期选择？

如何使用javascript fromat进行日期选择？

javascript php mysql sql date

如何使用javascript fromat进行日期选择？,javascript,php,mysql,sql,date,Javascript,Php,Mysql,Sql,Date,在我的PHP项目中，我使用3个组合框来选择年、月和日期。但我无法格式化这3个值，将其保存为2013-10-01类型的数据库中的日期。下面是我选择日期的代码 <p> <label class="floated" for="dtb_yr"><b>Date of Birth :</b></label> <select name="dtb_yr"> <o

在我的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>


出生日期：
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

是否有任何方法可以更准确地选择日期和保存日期，如下面的textfield

     <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>


型号：
像这样使用月份选项

<select name="dtb_mon">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">Apirl</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>


一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月

提交表格后

<?php
$date_string=$_POST['dtb_yr']."-".$_POST['dtb_mon']."-".$_POST['dtb_day'];
?>
像这样使用月份选项

<select name="dtb_mon">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">Apirl</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>


一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月

提交表格后

<?php
$date_string=$_POST['dtb_yr']."-".$_POST['dtb_mon']."-".$_POST['dtb_day'];
?>
像这样使用月份选项

<select name="dtb_mon">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">Apirl</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>


一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月

提交表格后

<?php
$date_string=$_POST['dtb_yr']."-".$_POST['dtb_mon']."-".$_POST['dtb_day'];
?>
像这样使用月份选项

<select name="dtb_mon">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">Apirl</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>


一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月

提交表格后

<?php
$date_string=$_POST['dtb_yr']."-".$_POST['dtb_mon']."-".$_POST['dtb_day'];
?>
与使用3个不同的组合框来设置日期格式相比，我认为在Jquery UI的日期选择器中使用单个文本字段可能更容易

对于要查找的格式，可以自定义日期选择器的输出。文档很好地涵盖了这一点

如果你真的想要3个不同的盒子，Zahidul的答案应该有用

编辑

将此代码用作指南：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Format date</title>
  <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>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
    $( "#format" ).change(function() {
      $( "#datepicker" ).datepicker( "option", "dateFormat", "dd mm yy" );
    });
  });
  </script>
</head>
<body>

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


jQuery UI日期选择器-格式化日期
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#格式”）.change（函数（）{
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“年月日”）；
});
});
日期：
重要的部分是
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“dd-mm-yy”）根据您的需要设置日期格式。
与使用3个不同的组合框设置日期格式相比，我认为在Jquery UI的日期选择器中使用单个文本字段可能更容易

对于要查找的格式，可以自定义日期选择器的输出。文档很好地涵盖了这一点

如果你真的想要3个不同的盒子，Zahidul的答案应该有用

编辑

将此代码用作指南：


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Format date</title>
  <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>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
    $( "#format" ).change(function() {
      $( "#datepicker" ).datepicker( "option", "dateFormat", "dd mm yy" );
    });
  });
  </script>
</head>
<body>

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




jQuery UI日期选择器-格式化日期
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#格式”）.change（函数（）{
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“年月日”）；
});
});
日期：




重要的部分是
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“dd-mm-yy”）根据您的需要设置日期格式。
与使用3个不同的组合框设置日期格式相比，我认为在Jquery UI的日期选择器中使用单个文本字段可能更容易

对于要查找的格式，可以自定义日期选择器的输出。文档很好地涵盖了这一点

如果你真的想要3个不同的盒子，Zahidul的答案应该有用

编辑

将此代码用作指南：


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Format date</title>
  <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>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
    $( "#format" ).change(function() {
      $( "#datepicker" ).datepicker( "option", "dateFormat", "dd mm yy" );
    });
  });
  </script>
</head>
<body>

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




jQuery UI日期选择器-格式化日期
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#格式”）.change（函数（）{
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“年月日”）；
});
});
日期：




重要的部分是
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“dd-mm-yy”）根据您的需要设置日期格式。
与使用3个不同的组合框设置日期格式相比，我认为在Jquery UI的日期选择器中使用单个文本字段可能更容易

对于要查找的格式，可以自定义日期选择器的输出。文档很好地涵盖了这一点

如果你真的想要3个不同的盒子，Zahidul的答案应该有用

编辑

将此代码用作指南：


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Format date</title>
  <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>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
    $( "#format" ).change(function() {
      $( "#datepicker" ).datepicker( "option", "dateFormat", "dd mm yy" );
    });
  });
  </script>
</head>
<body>

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




jQuery UI日期选择器-格式化日期
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#格式”）.change（函数（）{
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“年月日”）；
});
});
日期：




重要的部分是
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“dd-mm-yy”）根据需要格式化日期。
您可以使用Jquery日期选择器，只需选择日期，就可以将其保存在指定的文件夹中