Webappでの日付選択

5995 ワード

Webappを開発するときに、どのサードパーティの日付選択コントロールで頭を絞っていますか?
実はそんなに面倒ではありません.今、モバイル端末はWebKitカーネルで、HTML 5をサポートしています.実は、弱い人がinputでtype=「date」を使えばOKです.オペレーティングシステムは自動的に日付タイプとして認識し、システムが持っている日付選択を呼び出します.日付コントロールのスタイルが統一されていないことを気にしないでください.who cares?o(′□╰)o、みんな自分の携帯を見つめているのに、誰が日付を選んで他の携帯を比較しますか?
最近、比較的すごい日付選択プラグインmobiscrollを見て、ネット上の口コミはとても良くて、私もダウンロードして遊びに来ました.なぜ彼が強いのかというと、IOSとアンドロイドの日付選択スタイルを真似ているのではなく、彼の価格は意外にも800ドル以上に達して、高いですね.そして、カタログを見てみましょう.5つのcssファイル、7つのjsファイル、ニマはこんなに多いです.ユーザーのトラフィックがお金を必要としませんか?
HTMLに付属のdateコントロールの使い方を具体的に説明します
HTML:
1 <input id="start_time" name="start_time" type="date" class="form-control" />

JS: 1 $('#start_time').val(new Date());//現在の日付をコントロールのデフォルトに設定
もちろん、ここまで書くといくつかの子供靴が私に聞かれます.それはdateタイプで、その値はFri Apr 03 2015 15:15:00 GMT+0800(中国標準時間)かもしれません.このゲームはどのようにデータベースを保存しますか.私の必要なstringタイプのフォーマットに変換できません.もちろんできます.
JS:
 1 //      formatStr:yyyy-MM-dd
 2 Date.prototype.Format = function(formatStr)   
 3   {   
 4       var str = formatStr;   
 5       var Week = [' ',' ',' ',' ',' ',' ',' '];  
 6       var month=this.getMonth()+1;
 7       str=str.replace(/yyyy|YYYY/,this.getFullYear());   
 8       str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100));      
 9       str=str.replace(/MM/,month>9?month.toString():'0' + month);   
10       str=str.replace(/M/g,month);   
11       str=str.replace(/w|W/g,Week[this.getDay()]);   
12       str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate());   
13       str=str.replace(/d|D/g,this.getDate());   
14       str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours());   
15       str=str.replace(/h|H/g,this.getHours());   
16       str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes());   
17       str=str.replace(/m/g,this.getMinutes());      
18       str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds());   
19       str=str.replace(/s|S/g,this.getSeconds());     
20       return str;   
21   }   
22 
23 $('#start_time').val(new Date().Format("yyyy-MM-dd"));//yyyy/MM/dd   ,     

まとめ:
技術の更新は私たちの開発者にとって有利な試みであり、特にモバイル側でHTML 5の潜在力を十分に発揮することができ、サードパーティのコンポーネントを規則的に使用しないでください.モバイル側の性能は人形のようなもので、大きな波に耐えられません.HTML 5を利用して私たちの開発者のために仕事を簡素化するために提供されたラベルの属性をよく利用しなければなりません.jsなどのサードパーティ製のコンポーネントをできるだけ少なくロードします.