• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jquery datepicker

F

Fabiii321

Mitglied
Hallo zusammen,
nutze das jquery datepicker Modul.
Will das Format umstellen funktioniert jedoch nicht. Alles andere geht.
Wie bekomm ich hin, dass mein Format so aussieht:
"Wochentag"-"Tag"-"Monat"-"Jahr"

??

Mein Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {
$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
});
});
</script>
</head>
Vielen Dank für eure Bemühungen !!
 
Cheffchen schrieb:
anstelle
Code: 
$( this ).val()
das
Code: 
"DD, d MM, yy"
Zum Vergrößern anklicken....

Hallo,
erstmal vielen Dank für deine Antwort !
Funktioniert aber irgendwie nicht.
Was mach ich falsch ????
Code: 
<script>
$(function() {
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {
$( "#datepicker" ).datepicker( "option", "dateFormat","DD, d MM, yy");
});
});
</script>

Vielen Dank
Gruß
Fabi
 
Hallo,

oder vielleicht mal so
HTML: 
"dateFormat","DD, d MM, yy"
gegen das
HTML: 
dateFormat: "DD, d MM, yy"
einfach mal selber testen.

Cheffchen
 
Hallo,

ja einfach mal probieren :O)
HTML: 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
  $.datepicker.regional["de"] = {clearText: "löschen", clearStatus: "aktuelles Datum löschen",
                minDate: new Date(),               
                closeText: "schließen", closeStatus: "ohne Änderungen schließen",
                prevText: "zurück", prevStatus: "letzten Monat zeigen",
                nextText: "vor", nextStatus: "naechsten Monat zeigen",
                currentText: "heute", currentStatus: "",
                monthNames: ["Januar","Februar","März","April","Mai","Juni",
                "Juli","August","September","Oktober","November","Dezember"],
                monthNamesShort: ["Jan","Feb","Mär","Apr","Mai","Jun",
                "Jul","Aug","Sep","Okt","Nov","Dez"],                               
                monthStatus: "anderen Monat anzeigen", yearStatus: "anderes Jahr anzeigen",
                weekHeader: "Wo", weekStatus: "Woche des Monats",
                dayNames: ["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],
                dayNamesShort: ["So","Mo","Di","Mi","Do","Fr","Sa"],
                dayNamesMin: ["So","Mo","Di","Mi","Do","Fr","Sa"],
                dayStatus: "Setze DD als ersten Wochentag", dateStatus: "Wähle D, M d",
                dateFormat: "dd.mm.yy", firstDay: 1, initStatus: "Wähle ein Datum", isRTL: false,
                changeMonth: true, changeYear: true, showButtonPanel: true,showWeek: true};
                $.datepicker.setDefaults($.datepicker.regional["de"]);
 
  $( "#datepicker" ).datepicker({ dateFormat:"DD-dd-mm-yy"});
});
</script>
 
</head>
<body>
  <input type="text" id="datepicker">
  <br>
  "Wochentag"-"Tag"-"Monat"-"Jahr"
</body>
</html>
http://jsbin.com/AzeZaVe/1/edit

Cheffchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben