如何使用jQuery从(mdbootstrap)"pickadate"的隐藏日期输入字段中获取实际日期值？

Question

在mdbootstrapdatepicker1中，需要格式化的(yyyy-mm-dd / yyyy/mm/dd)，而不是像"2020年12月1日"这样的字符串格式日期。如何使用jquery从隐藏的输入字段中获取它？

<div class="md-form ">
<input placeholder="" type="text" id="cp_date" name="cp_date" class="form-control datepicker" data-value="<?php echo '['.date('Y,M,d').']' ; ?>" autofocus="" onchange="getdate()" >
<label for="cp_date" class="font-weight-bold">Crawled Date: </label>
</div>

功能是：

function getdate() {
var c_date = $('cp_date').val(); alert(c_date);}

用调用picadate

$('.datepicker').pickadate();

它变得像"；2020年12月1日"；。但我需要像"；2020/12/12/01"；。

Answer 1

您可以在jQueryUI Datepicker插件中更改日期格式，如yyyy-mm-dd或yyyy-mm/dd，选项方法为日期格式：'yy-mm-dd'或者dateFormat:'yy/mm/dd'br>来源：https://jqueryui.com/datepicker/#date-格式化

$(function() {
$('.datepicker1').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(dt){
alert(dt)
}
});
$('.datepicker2').datepicker({
dateFormat: 'yy/mm/dd',
onSelect: function(dt){
alert(dt)
}
});
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div>
Date <small>(YYYY-MM-DD)</small> :<br>
<input type="text" class="datepicker1" size="30" placeholder="YYYY-MM-DD">
</div>
<br>
<br>
<div>
Date <small>(YYYY/MM/DD)</small>:<br>
<input type="text" class="datepicker2" size="30" placeholder="YYYY/MM/DD">
</div>

Answer 2

是的，我找到了正确的解决方案。我所做的就像。。。。

$('.datepicker').pickadate({formatSubmit: 'yyyy/mm/dd',hiddenName: true});

这是对CCD_ 3类的第一次调用。则函数getdate()中所做的更改

function getdate() {var c_date = $("input[name=cp_date]").val(); alert(c_date);}

这个hiddenName: true的工作原理就像它从日期输入字段中删除名称属性并将其添加到隐藏的输入字段中一样。那么使用CCD_ 6很容易获得值。