Question

好的，我正在使用SASS运行FOundation 5我在这里下载了Peter Beno的Datepicker：

现在我知道它说的是它是为基础4制作的，但我认为它没有理由在基础5中不起作用。是的，javascript有点过头了，但这就是我使用某人的原因elses date picker。

以下是我将此日期选择器实施到Foundation 5中的步骤。

1）我将foundation-datepicker.js重命名为foundation.datepicker.js并将其包含在JS包中。我的页面现在正在加载此脚本。

2）将foundation-datepicker.css重命名为_datepicker.scss并将其包含在sass文件夹中。它现在被吸入我的缩小的CSS文件，我检查。

然后我在我的网页上使用了此代码：

    @Html.TextBoxFor(model => model.StartedDate, new { type = "text", id = "dp1", @class = "span2" })

从asp.net mvc到此输出：

    <input class="span2" id="dp1" name="StartedDate" type="text" value="1/1/1981 12:00:00 AM" />

此外，我在调用jQueryui

后添加了此内容

    <script type="text/javascript">
    $('.datepicker').fdatepicker()
    </script>

这是文档页面，如果他可以帮助我在Foundation 5中工作，我会更新并更清楚。

我在Mozilla中测试它以避免Chromes糟糕的日期选择器。我究竟做错了什么。它是否最有可能与Foundation 5发生冲突。是否有另一个类似于我可以使用的类似于jQueryUI的日期选择器，它不会很糟糕。

Answer 1

我已经尝试了Peter的UI实现，我也遇到了麻烦，因此我为Foundation选择了Date和Time的接口。这有点新鲜，但是我的公司一直在生产现场使用它并且它正在坚持下去。

我是围绕不引人注目的javascript构建的，因此很容易通过输入字段中的数据属性来实现。

我有一个SCSS文件，您可以将其包含在您的基础SASS构建中，以将所需的CSS直接合并到您的最终CSS文件中。这样，您可以使用现有的基础设置自定义着色，并在SASS框架内轻松进行任何其他更改。

它支持自定义日期，时间和字段值格式，因此您可以使用ISO标准（或任何其他格式）作为字段中存储的最终值，以用户友好的方式显示日期和时间。我使用Ruby strftime格式化选项作为日期格式的基础。

如果您决定尝试，请告诉我您的想法。

Answer 2

在你的回答中，你用：

调用fdatepicker

<script type="text/javascript">
$('.datepicker').fdatepicker()
</script>

但您生成的HTML中缺少 .datepicker 类

<input class="span2" id="dp1" name="StartedDate" type="text" value="1/1/1981 12:00:00 AM" />

不是这个问题吗？如果在空元素集上调用fdatepicker，则无法看到任何输出。如果UI存在问题，请在datepicker Github repo上打开描述/截图的问题。 https://github.com/najlepsiwebdesigner/foundation-datepicker

谢谢！

修改：基础日期选择器现在完全支持F5，我们仍然在发布标签下提供F4版本。