HTML5はカレンダー制御機能を提供し、開発時間を短縮しますが、そのスタイルが実際に満足のいくものではない場合があり、次のコードに従って自分で変更できます。
提案:次のコードセグメントをコピーし、CSSファイルを個別に確立して、変更を促進します。
/*カレンダー制御タイプのタイプを変更するタイプの変更;;年、月、日のこのエリアをコントロールします* /:: -webkit-dates-edit-text {color:#333;または、今年、月と日の制御の短または不足水平線*/:: -webkit-datetime-edit year-field {color:#333;}/* 2013年の4文字で* /:: -Month-field {color:#333;} /*Control Month* /:: -webkit-dateTime-day-field {color:#333;} /*特定の日を制御* /:: -webkit-inner-スピンボタン{可視性:隠された;} /*これは、上矢印と下の矢印の小さな矢印の制御です* /:: -webkit-calendar-picker-identicator { /*これは下矢印のコントロール:1px solid nadius-2px #fff、0 1px #eee:-webkit-linear -gradient(TOP、#F0F0F00、#E6E6E6); 2。日付チェック機能終了日は開始日よりも少なくなり、日付の選択の範囲は7日間で、残りの期間は利用できません。
注:次のコードセグメントは、jQuery原則を使用します
// yyyy-mm-dd関数formatdate(strime){new date(strime); =(0+(date.getDate())。slice(-2); return date.get.flyear()+ - +formatedmonth+ - +formateddate;} // start time $(#keyword_time_min).c haange(){ var d1 = new Date(this).val())時間+1年d2.getdate()+7); ; //最大時間はd2 $(#keyword_time_max).attr(this).val(); 。 (d4.getDate()-7);上記は、Xiaobianによって導入されたHTML5の入力の実装コードです。編集者は時間内に全員に返信しました。 VEVBウーリンのウェブサイトへのご支援ありがとうございます!