javascript - 如何将 JQuery 日期选择器中的日期值转换为单词

标签 javascript jquery valueconverter

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

现在我尝试使用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>

示例:
假设我们选择一个日期:05/06/2014
然后在文本字段上显示结果:2014 年 6 月 5 日

最佳答案

您可以使用 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>

关于javascript - 如何将 JQuery 日期选择器中的日期值转换为单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41073072/

相关文章:

java - 如何将字符串转换为 float ?

javascript - 如何使用 jQuery GalleryView 插件删除它们?

jquery - jQuery 中同时具有 mousedown/mouseup 和 dblclick

jquery - 工具提示超出屏幕

java - 从 String 转换为 byte[] 时遇到问题

r - 将二进制字符串转换为二进制或十进制值

javascript - 类型 'pseudoStyle' 上不存在属性 'HTMLElement'

javascript - 通用添加到书签脚本?

javascript - 无法更改时钟指针的长度

javascript - Select2 适用于 fiddle 而不适用于本地服务器