2016-12-10 4 views
0

Ist es möglich, einen Datumswert von Datepicker in Worte zu konvertieren?, Ich weiß, dass es hier einige ähnliche Fragen gab, aber ich möchte einen anderen Ansatz machen.Wie konvertiert man einen Datumswert von JQuery Datepicker in Worte

Jetzt versuche ich Alert zu verwenden, um den Wert der Variablen herauszufinden, bevor das Format in Worte geändert wird, dann gibt es eine Fehlermeldung über die Indexnummer im Array. es sagte: uncaught SyntaxError: Unerwartete Zahl, die diese Zeile ist bulan 1 januari

gibt es einen Ratschlag, um den Schlüssel im Array Wert zu geben?

$(function() { 
 
$("#pickyDate").datepicker({format: "dd/mm/yyyy"}); 
 

 
local = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu' ]; 
 
bulan = [1=>'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni','Juli','Agustus','September','Oktober','November','Desember' ]; 
 

 
$('#getdate').datepicker() 
 
.on("change", function() {  
 

 
var today = new Date($('#getdate').datepicker('getDate')); 
 
var tanggal = today.getDate(); 
 
var no_hari = today.getDay(); 
 
var no_bulan = today.getMonth()+1; 
 
var tahun = today.getFullYear(); 
 
    
 
    //alert(local[today.getDay()]); 
 
alert(tahun); 
 
    //$('#wordsdate').val(local[today.getDay()]); 
 

 

 
}); 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> 
 

 
<div class="form-group"> 
 
    <input type="text" class="form-control" placeholder="choose date" id="getdate" /> 
 
</div> 
 

 
    <div class="form-group"> 
 
    <input type="hidden" class="form-control" placeholder="datepicker date" id="datenum" disabled/> 
 
    </div> 
 

 
    <div class="form-group"> 
 
    <input type="text" class="form-control" placeholder="wordsdate" id="wordsdate" disabled/> 
 
    </div>

Beispiel:
Lassen Sie sagen, wir einen Termin wählen: 2014.05.06
dann auf Textfeld Ergebnis: Der fünfte Juni Zweitausend und vierzehn

+0

Warum brauchen Sie die Zahlen als Wörter? Das klingt nicht nach einer sehr nützlichen Möglichkeit, ein Datum anzuzeigen. Vielleicht wäre "5. Juni 2014" gut genug, und in diesem Fall könnten Sie einfach JS verwenden. – gyre

+0

Vielleicht zuerst versuchen https://www.google.com/search?q=convert+date+to+words+javascript – mplungjan

+0

@gyre: es ist eine Anfrage vom Chef .. :) – ariowishnu

Antwort

0

Verwenden Kapital Briefe.

Sie tt/mm/jjjj geschrieben haben, statt DD/MM/YYYY

+0

nur das Format geändert, scheint nichts passieren Mate – ariowishnu

+0

versuchen Sie mit date.format Bibliothek. –

+0

dann, wie man das mit date.format-Bibliothek tun, könnten Sie ein Beispiel geben? – ariowishnu

1

schreiben können Sie auf diese Weise erhalten JQuery Date Picker verwenden, können Sie die letzte Option wählen Sie im Drop-Down-

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>jQuery UI Datepicker - Format date</title> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
    <script> 
 
    $(function() { 
 
    $("#datepicker").datepicker(); 
 
    $("#format").on("change", function() { 
 
     $("#datepicker").datepicker("option", "dateFormat", $(this).val()); 
 
    }); 
 
    }); 
 
    </script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="datepicker" size="30"></p> 
 
    
 
<p>Format options:<br> 
 
    <select id="format"> 
 
    <option value="mm/dd/yy">Default - mm/dd/yy</option> 
 
    <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option> 
 
    <option value="d M, y">Short - d M, y</option> 
 
    <option value="d MM, y">Medium - d MM, y</option> 
 
    <option value="DD, d MM, yy">Full - DD, d MM, yy</option> 
 
    <option value="&apos;day&apos; d &apos;of&apos; MM &apos;in the year&apos; yy">With text - 'day' d 'of' MM 'in the year' yy</option> 
 
    </select> 
 
</p> 
 
    
 
    
 
</body> 
 
</html>

+0

Benötigt ein wenig mehr zu tun, st/th/nd – mplungjan

Verwandte Themen