2012-02-07 40 views
-4

2012年2月7日(火曜日)に2012年2月27日の日付を変換する方法を教えてください。 それをdatepickerに関連付ける。2012年2月7日火曜日に変換する日付2012年2月7日

OR

ユーザーが、私は日付ピッカーの隣に、前のボタンを追加する方法をdatepicker.Andから日付を選択火曜日、Febraury 7、2012、のような日付を提供する任意の日付ピッカーがあります。

<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">   
</script> 
<script> 
     $(function() { 
      $("#datepicker").datepicker(); 


     }); 
    </script> 
</head> 
<body> 
    <div> 

    <p>Date: <input type="text" id="datepicker"></p> 

    </div> 
</body> 

<script> 

$("#datepicker").click(function(){ 
    var date = $("#datepicker").val(); 

    var date_obj = new Date(date); 

    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
    var days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]; 

    var date_str = days[date_obj.getMonth()] + ", " + months[date_obj.getMonth()] + " " + date_obj.getDate() + ", " + (1900+date_obj.getYear()); 

    alert(date_str); 
}); 
</script> 
</html> 

私はこれを試しましたが、日付ピッカーの前に警告がありました。 ここではどのイベントを使用する必要がありますか? 誰も私を助けることができますか?前もって感謝します。

+1

あなたはどの言語を使用していますか?あなたのタグに2つを記載し、あなたの投稿には何も指定していません。 – qJake

+2

PHPとJavascriptは非常に異なる言語です – craig1231

+0

私はクライアント側でjavascriptを使用しており、サーバー側でphpを使用しています。 – Devswa

答えて

1

JavaScriptでは、あなたは文字列02/07/2012を使用して新しいDateを作成することができます。 Dateオブジェクトは、あなたの曜日を特定します。そこからArrayを使って英語の月と日を特定することができます。

例:

var date = "02/07/2012"; 
var date_obj = new Date(date); 

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
var days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]; 

var date_str = days[date_obj.getMonth()] + ", " + months[date_obj.getMonth()] + " " + date_obj.getDate() + ", " + (1900+date_obj.getYear()); 

document.write(date_str); 

アン別のアプローチは、区切り文字として/を用い02/07/2012を分割することです。これにより配列[02, 07, 2012]が得られ、月配列から要素を引き出すのに使用できます。

この方法を使用すると、曜日を識別するための別の方法が必要となり、先頭のゼロを "07"から削除する必要があります。

+0

あなたのソリューションをありがとう。日付ピッカーの値を保持する入力ボックスに次のボタンと前のボタンを追加する方法はありますか? – Devswa

1

日付ピッカーは、非常に使いやすいです:

<html> 
    <head> 
     <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

     <script> 
      $(function() { 
       $("#datepicker").datepicker(); 
      }); 
      </script> 
    </head> 
<body> 
     <div> 

     <p>Date: <input type="text" id="datepicker"></p> 

     </div> 
</body> 
    </html> 
+0

あなたのソリューションに感謝します。 – Devswa