Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/254.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从jquery日期和时间选择器中选择和显示数据_Javascript_Php_Jquery_Mysql - Fatal编程技术网

Javascript 如何从jquery日期和时间选择器中选择和显示数据

Javascript 如何从jquery日期和时间选择器中选择和显示数据,javascript,php,jquery,mysql,Javascript,Php,Jquery,Mysql,我使用的是j查询日期和时间选择器,似乎无法显示所选数据,更不用说保存到数据库了。我正在使用php和mysql,不知道如何获取信息。这是j查询日期和时间选择器以及从选择器获取日期的建议j查询: <script type="text/javascript"> $(function(){ $('#date_picker').dtpicker(); }); </script> <script> PickerHandler.prototy

我使用的是j查询日期和时间选择器,似乎无法显示所选数据,更不用说保存到数据库了。我正在使用php和mysql,不知道如何获取信息。这是j查询日期和时间选择器以及从选择器获取日期的建议j查询:

<script type="text/javascript">
    $(function(){
        $('#date_picker').dtpicker();
    });
</script>
<script>
PickerHandler.prototype.getDate = function(){
    var $picker = this.$pickerObject;
    var $input = this.$inputObject;
    return getPickedDate($picker);
};
</script>
还有我的html

<div class="section section-breadcrumbs"> 
 <div class="container"> 
  <div class="row"> 
   <div class="col-md-12"> 
    <h1>Book An Appointment</h1> 
   </div> 
  </div> 
 </div> 
</div> 
<div class="section">
 <div class="container"> 
  <center><div id="date_picker">
 </div>

<script type="text/javascript">
 $(function(){ 
  $('#date_picker').dtpicker(); });
</script> 

<p>Date: <input type="text" id="date_picker"></p>

我首先想显示返回的值,以确保其工作,然后再尝试输入到数据库,但我甚至不能让它工作。有什么想法吗?

以下是jquery日期时间选择器的几个示例

如果使用jquery datepicker,则可以使用以下命令加载它: 首先为datepicker加载必要的javascript和css文件,然后调用元素上的datepicker函数。确保包含最新的jquery

<head>
<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>
 $(function() {
 $( "#datepicker" ).datepicker();
});
 </script>
</head>
<body>

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

以下是当前代码的更好视图:

<div class="section section-breadcrumbs">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>Book An Appointment</h1>
            </div>
        </div>
    </div>
</div>

<div class="section">
    <div class="container">
    <center><div id="date_picker"></div>
<script type="text/javascript">
$(function(){
        $('#date_picker').dtpicker();
    });
</script>

<p>Date: <input type="text" id="date_picker"></p>

</div></center>
</div>
</div>

向我们展示使用datepicker示例书约会$function{$'date\u picker.dtpicker;}的html代码 日期:

抱歉,我对此一无所知,似乎无法将其显示为代码。jquery日期时间选择器显示良好,但我将其内联显示,因此代码:date:

似乎不适用于meMy jquery日期和时间选择器是内联的,似乎无法使用相同的方法工作?