Question

我有这个代码

<form class="form-horizontal">
 <fieldset>
  <div class="control-group">
    <label class="control-label clear" for="reservation" style="display:block; float:none;">Reservation dates:</label>
    <div class="controls" style="margin:0!important">
     <div class="input-prepend">
       <span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="reservation" id="reservation" value="03/18/2013 - 03/23/2013" size="20" />
     </div>
    </div>
    <input type="submit" value="enviar" />
  </div>
 </fieldset>

</form>

<script type="text/javascript">
$(document).ready(function() {
  $('#reservation').daterangepicker();
}); 
</script>

我需要输入不同的值我怎么能这样做？

我正在使用bootstrap

谢谢！

Answer 1

看起来你正在使用Dan Grossman的daterangepicker进行twitter bootstrap。那是对的吗？

http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

第一个问题是：你究竟打算做什么？你想为开始显示一个单独的输入，和一个单独的结束？如果是这样，原因是什么？是因为那些是您需要提交给服务器的值吗？

第二个问题：您是否熟悉Dan Grossman网站上的演示，靠近原帖的底部，以及他的github页面上的演示？

http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/
https://github.com/dangrossman/bootstrap-daterangepicker/blob/master/examples.html

请注意他如何提供访问开始和结束日期值的方法。

$('#reportrange').daterangepicker(
    {
        ranges: {
            'Today': ['today', 'today'],
            'Yesterday': ['yesterday', 'yesterday'],
            'Last 7 Days': [Date.today().add({ days: -6 }), 'today'],
            'Last 30 Days': [Date.today().add({ days: -29 }), 'today'],
            'This Month': [Date.today().moveToFirstDayOfMonth(), Date.today().moveToLastDayOfMonth()],
            'Last Month': [Date.today().moveToFirstDayOfMonth().add({ months: -1 }), Date.today().moveToFirstDayOfMonth().add({ days: -1 })]
        }
    },
    function(start, end) {
        $('#reportrange span').html(start.toString('MMMM d, yyyy') + ' - ' + end.toString('MMMM d, yyyy'));
    }
);

如果您可以访问start和end，那么您应该可以将这些值放在单独的输入中，如果这是您想要的。

在daterangepicker中获取不同输入的dd / mm / yyyy

1 个答案: