問題タブ [daterangepicker]

カスタムバインダーを介してKnockoutJSベースのviewModelにバインドしようとしているjQuery UIベースのdateRangePickerを使用しています。しかし、dateRangePickerにオブザーバブルを読み取らせることさえできません

これが私の JSFiddleの試みです。それは間違ったアプローチですか、このようなものを作成する必要がありますか

MySQLデータベースにクエリを実行し、フォームで要求されたデータに応じて結果を返すMySQLI準備済みステートメントを実行しようとしています。この準備済みステートメントを機能させることができ、データが正しく返されました。今、クエリに「日付範囲」を追加できるようにしたいのですが、これを機能させることができません。FromとToフィールドを作成して、リクエスト フォームの上部に日付ピッカーを追加しましたinput type="date"。これにより、フォーマットのフィールドに日付が追加されMM/DD/YYYYます。データベースでは、チェックしている列はdateタイプであり、形式は ですYYYY-MM-DD。このサイトや検索で出くわした他のサイトからいくつかの異なる提案を試みましたが、エラーが発生しました。私は使用しようとしましstrtotimeたdate日付の形式が間違っているというエラーと致命的なエラーが発生しますcan't construct DatePeriod()。私はPHP v5.5を使用しているので、DateTime::createFromFormat一緒に$string->format使用して使用できることを読みました。DatePeriodこれは機能しますが、別の致命的なエラーが発生しますCall to member function format() on a non-object。助けてください。

「検索フォーム」のコードは次のとおりです。

「フォーム処理アクション」のコードは次のとおりです。

更新: 受け取っていたすべてのエラーを取り除くことができましたが、まだ日付範囲を機能させることができません。「フォーム ページ」のコードは変更しませんでしたが、「処理ページ」の更新コードは次のとおりです。結果がないかのように「エラー = 1」ページに送信されますが、結果があることはわかっており、日付範囲部分を削除すると正しく返されます。

dateRangePicker に問題があります。同様のページでは、ウィジェットは水平または垂直の位置にランダムに配置されます。横だけにしたい。どうやってするの？

私はdaterangepickerを使用しています ここで私のコードをチェックしてくださいJSFIDDLE

デフォルトの日付を設定しました

そしてalert()、コードが機能しているかどうかを確認するために を設定しました。

テキストボックスの範囲をクリックすると、book_dateカレンダーが表示されます。日付を変更して適用ボタンをクリックすると、正常に機能します。私のalert()箱は完璧に見えています。しかし、日付を変更せずに適用ボタンをクリックすると。そのタイムalert()ボックスは表示されていません。

またbook_date、テキストボックスをクリックしてページ内の任意の場所をクリックすると、デフォルトの日付が取得されます。したがって、特定の日付を選択せず​​にデフォルトの日付を設定したくありません。カレンダーの外側をクリックしている間、テキストボックスは空白でなければなりません。

私の編集したコード:

テキストボックスカレンダーは、何も選択せずにページの外側をクリックするとデフォルト値を取得します。

http://www.daterangepicker.com/を angularjsで使用しようとしていますが、ngModel の値を更新できません。次のディレクティブを作成しましたが、scope.ngModel が常に未定義である理由を教えてください。

私のHTMLは単純です

どうもありがとう。

カレンダーをカスタマイズしたい

これが現在のコードです。

新しい要件に合わせて変更するにはどうすればよいですか。