0

我得到了这个代码

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

我需要输入不同的值我该怎么做？

我正在使用引导程序

谢谢！

4

1 回答 1

1

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

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'));
    }
);

如果您可以访问startand end，您应该能够将这些值放在单独的输入中，如果这是您想要做的。

于 2013-06-05T03:51:24.290 回答