如何在datepicker中选择的同一天显示帖子?

时间:2018-02-13 13:06:44

标签: javascript jquery datepicker

我可以使用jquery和datepicker的帮助:)

我有从输入中收集值并将其存储在基础中的表单。 在那一个输入中我有一个日期选择器。 我的问题是:“如何在日期选择器中选择的同一日期在首页显示帖子?”

我尝试了类似今天日期与日期的选择,但函数newDate()没有给出与基础格式相同的格式。

这是代码。

<div class="col-lg-8 well">
    <div class="form-group">
        <label>Unesite naslov:</label>
        <div class="input-group">
            <input id="naslov" class="form-control" name="naslov">
            <span class="input-group-addon"><i class="glyphicon glyphicon-pushpin"></i></span>
        </div>
    </div>
    <div class="form-group">
        <label>Izaberite datum:</label>
        <div class="input-group">
            <input id="datepicker" class="form-control" name="datum">
            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
    </div>
    <div class="form-group">
        <label for="tekst">Unesite tekst:</label>
        <textarea id="tekst" class="form-control" rows="5"></textarea>
    </div>
    <button id="submit" type="button" class="btn btn-danger">Pošalji</button>
</div>

1 个答案:

答案 0 :(得分:-1)

请看一个简单的例子:

<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery UI Datepicker - Default functionality</title>
      <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({
         onSelect: function(dateText, inst) {
         $("input[name='something']").val(dateText);
         }
         });
         } );


      </script>
   </head>
   <body>
      <p>Date: <input type="text" id="datepicker"></p>
      <input type="text" id="datepicker">
      <input type="text" name="something" value="thevalue" />
   </body>
</html>