3

OK、私は SASS で FOundation 5 を実行しています。Peter Beno による Datepicker をここからダウンロードしました。

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

ファウンデーション 4 用に作られていることはわかっていますが、ファウンデーション 5 で機能しない理由はわかりません。ええ、javascript は私の頭を少し超えていますが、それが私が他の誰かの日付ピッカーを使用している理由です。 .

この日付ピッカーを 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 でこれを機能させるのを手伝ってくれれば、更新してより明確にします.

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

そして、Chromeのくだらない日付ピッカーを避けるために、Mozillaでテストしました。私は何を間違っていますか。Foundation 5と競合している可能性が最も高いですか。jQueryUIベースで使用できる、多少似ている別の日付ピッカーはありますか。

4

2 に答える 2

2

私は Peter の UI 実装を試しましたが、同様に問題がありました。そのため、Foundation の日付と時刻を選択するための独自のインターフェイスを作成しました。ちょっと新鮮ですが、うちの会社は制作現場で使っていて持ちこたえています。

https://github.com/jockmac22/foundation_calendar_date_time_picker

目立たない JavaScript を中心に構築したので、入力フィールドの data- 属性を介して簡単に実装できます。

必要な CSS を最終的な CSS ファイルに直接組み込むために、基盤の SASS ビルドに含めることができる SCSS ファイルがあります。このようにして、既存の基盤設定でカラーリングをカスタマイズし、SASS フレームワーク内で他の変更を簡単に行うことができます。

カスタムの日付、時刻、およびフィールド値の形式をサポートしているため、フィールドに格納される最終的な値として ISO 規格 (またはその他の形式) を使用して、日付と時刻をユーザーフレンドリーに表示できます。日付形式の基礎として、Ruby strftime 形式オプションを使用しました。

試してみることにした場合は、あなたの考えを教えてください。

于 2014-01-22T07:13:18.000 に答える
0

あなたの答えでは、次のように 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 リポジトリの説明/スクリーンショットで問題を開いてください。 https://github.com/najlepsiwebdesigner/foundation-datepicker

ありがとう！

編集: Foundation datepicker は現在、F5 を完全にサポートしており、リリース タグの下で F4 バージョンを提供しています。

于 2014-10-01T14:32:59.500 に答える