Foundation 5 DatePicker失败，或者是我

Question

好吧，我正在使用sass运行基础5，我下载了彼得·贝诺（Peter Beno）的datepicker：

https://github.com/najlepsiwebdesigner/foundation-datepicker

现在我知道它是为基础4制造的，但是我认为它在基础5中不起作用。是的。Elses Date Picker。

这是我采取的步骤，将此日期贴到基础5中。

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

2）重命名为fistion-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>

这是文档页面，如果他能帮助我在基础5中工作，我会更新它，并为此更加清楚。

http://foundation-datepicker.peterbeno.com/example/example.html

我在Mozilla进行了测试，以避免Chromes cro乱的datepicker。我究竟做错了什么。是否很可能与基金会5相冲突。我可以使用另一个类似的datepicker，它可以使用jqueryui，而不会吸吮。

Answer 1

我已经尝试了彼得的UI实现，而且我也遇到了麻烦，因此我为基础选择日期和时间构建了自己的界面。有点新鲜，但是我的公司一直在生产网站上使用它。

https://github.com/jockmac222222222222222/foundation_calendar_date_time_time_picker

我围绕着javaScript构建它，因此可以通过输入字段中的数据属性实现。

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

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

如果您决定尝试一下，让我知道您的想法。

Answer 2

在您的答案中，您可以使用以下方式调用fdatepicker：

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

但是类 .datepicker 在您生成的html

中丢失

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

不是问题吗？如果您在空元素集中调用fdatepicker，则无法看到任何输出。如果UI有问题，请在DatePicker GitHub repo上打开有关Description/屏幕截图的问题。https://github.com/najlepsiwebdesigner/foundation-datepicker

谢谢！

编辑：Foundation DatePicker现在完全支持F5，我们仍然在发行标签下提供F4版本。