Ich habe gerade ein Eingabedatenfeld erstellt und versucht, das Format zu ändern. aber unfähig zu erreichen. Ist es möglich, das Format zu ändern?Datumsformat für das Eingabefeld
Code Snippet:
<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/
Ich möchte zeigen dd/mm/yyyy Format.
Verwenden Sie die unten picker. https://jqueryui.com/datepicker/
Fügen Sie unter Zeile Ihr Skript hinzu.
$('#datepicker').datepicker({
dateFormat: 'dd-mm-yy'
});
Angenommen, Sie möchten das Format <input type='date'> ändern, daher ist es nicht möglich, das Format in <input type="date"> zu ändern. Aber Sie können stattdessen https://jqueryui.com/datepicker/ verwenden. siehe auch http://api.jqueryui.com/datepicker/.
Nachdem Sie das Datumsformat wie unten ändern können:
$.datepicker.formatDate("yy-mm-dd", new Date(2007, 1 - 1, 26));
<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>
Sie können ameisen dat ändern:
$(function() {
$("#datepicker").datepicker();
$("#format").change(function() {
$("#datepicker").datepicker("option", "dateFormat", <SPECIFY Date Formate here>);
});
});
In Google Chrome, es funktioniert!
für Firefox
hinzufügen kleine js
(function(){
var target = document.getElementById("dt");
var val = target.getAttribute ('value');
val = val.split("-").reverse().join('-');
target.setAttribute('value',val);
})();
auf Ihre Geige
Format nicht zutreffend. Kannst du meine Geige hinzufügen? Ich habe dies auf https://jqueryui.com/datepicker/ verwiesen. –