2016-05-14 17 views
0

入力日付フィールドを作成してフォーマットを変更しようとしました。達成することができません。この形式を変更することは可能ですか?入力フィールドの日付フォーマット

コードスニペット:

<form> 
<input value="i want to show 09/09/2015" /><br><br/><br/> 
<input type="date" id="dt" value="2014-09-09"/> 

</form> 

http://jsfiddle.net/HudMe/626/

私はショーのDD/MM/yyyyの形式をしたいです。

答えて

0

(function(){ 
    var target = document.getElementById("dt"); 
    var val = target.getAttribute ('value'); 

    val = val.split("-").reverse().join('-'); 
    target.setAttribute('value',val); 
    })(); 

を追加します。 https://jqueryui.com/datepicker/

以下にスクリプトを追加してください。

$('#datepicker').datepicker({ 
     dateFormat: 'dd-mm-yy' 
}); 
0

<input type='date'>の形式を変更して、<input type="date">の形式を変更できないとします。 しかし、代わりにhttps://jqueryui.com/datepicker/を使用できます。 http://api.jqueryui.com/datepicker/も参照してください。

あなたはあなたの以下のような日付形式を変更することができた後:

$.datepicker.formatDate("yy-mm-dd", new Date(2007, 1 - 1, 26));

0
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
    <body> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </body> 
</html> 

あなたがでDATのギを変更することができます:それは正常に動作しますGoogle Chromeで

$(function() { 
    $("#datepicker").datepicker(); 
    $("#format").change(function() { 
     $("#datepicker").datepicker("option", "dateFormat", <SPECIFY Date Formate here>); 
    }); 
}); 
+0

フォーマットは適用されません。あなたは私のフィドルを追加できますか?私はこれをhttps://jqueryui.com/datepicker/に紹介しました。 –

0

! Firefoxの

については

は、以下の日付ピッカーを使用して、あなたのフィドルに小さなJSに

関連する問題