问题标签 [bootstrap-datepicker]

我有一张表格，我想在该表格中添加在线编辑。我从 ng-grid 开始，然而，我决定虽然它运行良好，但我花了太多时间尝试修复样式，以使其与我网站的整体主题相匹配。我从头开始，现在使用一个普通的旧 html 表，在幕后使用 angularjs，因为它具有令人敬畏的双向数据绑定属性。

一切都进行得很顺利，除了我坚持尝试使用 bootstrap-datepicker 进行内联编辑：http ://www.eyecon.ro/bootstrap-datepicker/?utm_source=twitterfeed&utm_medium=twitter 。我在 xeditable 说您应该使用的 ui-bootstrap datepicker 上使用这个 datepicker 的原因是因为它在我的网站上看起来或感觉不正确。这是 ui-bootstrap datepicker 的样子http://jsfiddle.net/NfPcH/23/。我喜欢 bootstrap datepicker 简单明了的外观。

这是一个带有 xeditable 和日期字段的表的 plunker，用于尝试和编辑PLUNKER

使用 bootstrap-datepicker 作为输入字段可以正常工作，使用自定义指令来正确更新模型：

我将 xeditable 源代码更改为使用 bootstrap-datepicker（参见 xeditable.js 的第 78-84 行）

，但是问题在于 xeditable 以及它如何更新所选行的模型。

xeditable 非常适合在线编辑文本和下拉菜单，但事实证明，尝试与 bootstrap-datepicker 集成是很困难的。

如果有其他方法可以使用 bootstrap-datepicker 进行内联编辑，我不会反对尝试一下。我在想，如果这不起作用，也许 ng-show 和 ng-hide 可能会起作用。

当任何可观察对象被更新时，我在更新对象订阅时遇到了一些麻烦。

这是我正在使用的模型：

这是我用来更新日期选择器的可观察对象的绑定处理程序：

这是我用来初始化和订阅搜索模型的扩展器函数：

任何帮助将不胜感激...简而言之，我希望页面使用默认的可观察模型值（如下）进行初始化，并且每当对象中的任何可观察对象被更新时，订阅就会触发，以便我可以“做事”。

这是我正在使用的：JSFiddle

我正在使用 bootstrap-datepicker 并遇到问题。

当我点击一天时，它工作得很好，但是当我再次点击同一天时。选择被取消

boostrap日期选择器演示 效果很好。

我从上面的链接中找到了引导日期选择器的示例。

当我单击日历图标时，我想打开日期选择器。

日历图标位于此模板内（在 i 标签中）：

我可以在这个 html 模板中添加一个 onclick 事件还是需要创建一个函数？

触发日期选择器的代码是：

问题是，我不能只说：

因为我只希望单击事件位于 iconTemplate 内部的日历图标上。

**编辑**

我尝试了下面的代码，但我认为它不起作用，因为我实际上并没有在 html 中引用类“fa-calandar”——它唯一出现在 js 文件中，存储在var 图标模板。我是否需要从 html 文件中引用一个类才能使用点击功能？

我在我的 date.html 文件中包含了所有的 css 和 js 文件。但我仍然没有得到 datepicker。我不知道是什么问题。谁能帮帮我。

这是我的html代码。

日期.html

我有以下模板，其中包含 javascript 文件中的日历图标。它没有出现在我的 html 文件中，因为它是动态使用的。

我想向日历图标和打开日期选择器添加一个点击事件。我尝试了以下方法：

我猜这不起作用，因为它没有调用 html 文件中的类。是否可以在 javascript 文件中完成所有这些操作？

我正在使用 bootstrap-datepicker，并且收到以下错误消息：

未捕获的类型错误：无法读取未定义的属性“拆分”

我不认为我有 datepicker.js 的旧版本，因为我从他们的网站获得了 cdn。

这就是我当前实例化 datepicker 和 click 事件的方式：

我有一个bootstrap-datepicker，我正在使用range它的版本，并且在右侧我想添加一个button，以便用户在更改日期后刷新查询。

我已经尝试过标识和一些inline-block样式，但它不起作用。出现button了，但整个事情都搞砸了。
这是未按预期放置的datepicker示例button。

如果我启用了自动关闭，并且我从已选择的日历中选择了字段，它会清空该字段，然后按预期关闭日期选择器。我怎样才能仍然拥有自动关闭功能，但不让它清空该字段？

查看演示示例，http ://eternicode.github.io/bootstrap-datepicker/?markup=input&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&todayBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&autoclose=on&keyboardNavigation =on&forceParse=on#sandbox

1. 确保自动关闭已打开
2. 选择一个日期。
3. 再次打开日期选择器，再次选择当前选择的日期。
4. 字段再次为空

谢谢

我正在使用引导日期选择器，可以在这里找到

现在它有一个参数来突出显示今天的日期

可以像这样使用

现在的问题是我的申请是针对 pst 时区的。因此，当我在印度打开时，它会根据 ist 表示印度时间来突出显示今天的日期。

那么我怎样才能让它显示 pst 当前日期。