如何将日期值从JQuery datepicker转换为单词

时间:2016-12-10 07:05:43

标签: javascript jquery valueconverter

是否可以将日期值从datepicker转换为单词?,我知道这里有几个类似的问题,但我想做一个不同的方法。

现在我尝试使用alert来在格式更改为单词之前找出变量的值,然后有关于数组中索引号的错误消息。它说:uncaught SyntaxError:意外的数字就是这行 bulan 1 januari

是否有任何建议,为数组中的键赋值?



$( 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>
&#13;
&#13;
&#13;

例子:
假设我们选择一个日期:05/06/2014
然后是文本字段的结果:6月5日的第二个和第十四个

2 个答案:

答案 0 :(得分:1)

您可以使用Jquery日期选择器获取此方式,您可以选择下拉列表中的最后一个选项

<!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>

答案 1 :(得分:0)

使用大写字母。

你写过dd / mm / yyyy,而不是写DD / MM / YYYY