【问题标题】:Date picker issue - Bootstrap JS日期选择器问题 - Bootstrap JS
【发布时间】:2015-05-11 10:05:21
【问题描述】:

我是脚本语言的新手,我需要帮助来解决这个问题。当我使用日期选择器图标选择相同的日期时,引导日期选择器会重置该字段。

$('#from_date .input-daterange').datepicker({
  keyboardNavigation: false,
  format: "dd-M-yyyy",
  endDate: '+0d',
  clearBtn: true,
  forceParse: false,
  autoclose: true,
});

我的HTML代码行如下:

<input type="text" style="margin-left: -5px;  width: 99px;" class="form-control" id="fromdate" 
name="quote-issue-date-start" placeholder="From date" data-bind="value:fromDate"  />
<span class="input-group-addon">
    <i class="fa fa-calendar"></i>
</span>

当我再次从日期选择器中选择日期时,文本框会被清除。

【问题讨论】:

  • 我认为这根本不应该工作,甚至没有显示日期选择器。您没有 id 为 from_date 或类 input-daterange 的元素
  • jsFiddle 谢谢。
  • div class="form-group" id="quote-issue-date">
  • 我已经在
    标签中提到了 Id.. 是不是正确的?我可以从日期选择器中选择日期

标签: javascript jquery html asp.net-mvc twitter-bootstrap


【解决方案1】:

很多事情看起来不对:

  1. 您尝试选择一个不存在的元素:$('#from_date - 您的标记中的 id 是 fromdate(没有下划线)

  2. 在您的选择器$('#from_date .input-daterange') 中,您尝试在#from_date 中选择.input-daterange - 如果#from_date 是一个&lt;input&gt; 元素,它不能有子元素,所以选择器应该是$('#from_date.input-daterange')(如果input 实际上会有那个类)

  3. 你有一个语法错误:

    autoclose: true, });

, 在这里是假的。

【讨论】:

  • 不要把它放在 cmets 里——没有人能读到这个。创建一个 jsfiddle
  • 不要把它放在 cmets 里——没有人能读到这个。创建一个 jsfiddle
  • 这不是你将在这里得到帮助的方式,至少要付出一点努力。人们不会为你做所有的工作:清理你的代码,阅读我的答案并将你更新的代码发布在一个新的小提琴中。
猜你喜欢
相关资源
最近更新 更多
热门标签