将日期选择器添加到 JetStrap 页面 (Twitter Bootstrap)答案

【问题标题】：Add a date picker to a JetStrap page (Twitter Bootstrap)将日期选择器添加到 JetStrap 页面 (Twitter Bootstrap)
【发布时间】：2013-05-21 02:56:28
【问题描述】：

刚刚今晚开始使用 JetStrap 来构建一些非常基本的输入表单。很多很酷的工具和字段，但没有日期选择器。 (Check it out if you haven't!) 其他主题讨论使用 Twitter Bootstrap 完成此操作，但不是很直接...

我能否通过从其他网络资源（例如 Google 托管的库）中提取来扩展 JetStrap 页面中可用的库/控件以添加额外的功能？我对 Web 前端工作非常陌生，希望尽可能多地在 JetStrap 中完成工作，而不必在本地下载代码并设置我自己的本地 IIS 站点。

【问题讨论】：

既然您指定了 you 是否可以扩展 JetStrap 中可用的功能，可能不会，这是不幸的，因为它看起来像是一个很好的工具。虽然它看起来像一个封闭的系统。也许如果有足够多的人发送支持请求，他们就会添加它。
这是我的怀疑。我只是一直希望其他人会拥有秘密魔法......
还没用过JetStrap。如果您可以编辑 JS，您可能可以在 Bootply bootply.com/60791 上使用 jQuery $.getScript() 之类的 datepicker 示例

标签： html twitter-bootstrap datepicker jetstrap

【解决方案1】：

我是 Jetstrap 的创造者之一。

我们将很快添加一个简单的外部 JS/CSS 功能，但与此同时，您可以在 JS 编辑器中使用 javascript 动态加载脚本：

$(function() {
    $.getScript('//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js', function() {
        $('.datepicker').datepicker();
    });
})

您可以在标记中添加：

<input type="text" value="02-16-2012" class="datepicker">

【讨论】：