jQuery 日期选择器。我如何从 Jquery datepicker 中获取年份

Posted 2023-05-08

【中文标题】jQuery 日期选择器。我如何从 Jquery datepicker 中获取年份

【英文标题】：Jquery datepicker. How I can get year from Jquery datepicker

【发布时间】：2021-07-22 13:36:39

【问题描述】：

您好，我有功能，但她不工作。我使用 jquery 日期选择器。我认为我的日期选择器中的问题不起作用。如何修复我的功能以获得全年？对我来说重要的功能获得年份。

function GetBirthDate() 
            var flatpickr = $("#datepicker").datepicker(
                "altField": "#startDate",
                "dateFormat": "d M y",
                "altFormat": "Y-m-d",
                "changeMonth": true,
                "changeYear": true
            );

            let tdate = new Date(flatpickr);
            
            let yyyy = tdate.getFullYear();
            let currentDate = yyyy;
            return currentDate;
           
        ;

我尝试修复但很难理解内部函数如何获取年份：

function GetBirthDate() 
            var flatpickr = $('#datepicker').datepicker(
                dateFormat: 'yy-m-d',
                inline: true,
                onSelect: function (dateText, inst) 
                    var date = $(this).datepicker('getDate'),
                        day = date.getDate(),
                        month = date.getMonth() + 1,
                        year = date.getFullYear();
                
                
            );
            //let tdate = new Date(flatpickr);
            
            **let yyyy = flatpickr.getFullYear();
            let currentDate = year;**
            return currentDate;
         
        ;

这个日期选择器不适合我

var datepicker3jk = $("#datepicker").datepicker(
            closeText: "Đóng",
            prevText: "Trước",
            nextText: "Sau",
            currentText: "Hôm nay",
            monthNames: ["Tháng một", "Tháng hai", "Tháng ba", "Tháng tư", "Tháng năm", "Tháng sáu", "Tháng bảy", "Tháng tám", "Tháng chín", "Tháng mười", "Tháng mười một", "Tháng mười hai"],
            monthNamesShort: ["Một", "Hai", "Ba", "Bốn", "Năm", "Sáu", "Bảy", "Tám", "Chín", "Mười", "Mười một", "Mười hai"],
            dayNames: ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"],
 

   dayNamesShort: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"],
    dayNamesMin: ["CN", "T2", "T3", "T4", "T5", "T6", "T7"],
    weekHeader: "Tuần",
    dateFormat: "dd/mm/yy",
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    changeYear: true,
    onSelect: function (dateText, inst) 
        var date = $(this).datepicker('getDate'),
            day = date.getDate(),
            month = date.getMonth() + 1,
            year = date.getFullYear(),
    ,
);

【问题讨论】：

This 可能会有所帮助。

这能回答你的问题吗？ How to get date, month, year in jQuery UI datepicker?

即使在选择之后也不会得到 2010 年 4 月 1 日

因为在创建日期选择器时没有onSelect 属性。

我该怎么做？

【参考方案1】：

考虑以下内容。

$(function() 
  var flatpickr;
  $("#datepicker").datepicker(
    dateFormat: "yy-m-d",
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText, inst) 
      var dt = $.datepicker.parseDate("yy-m-d", dateText);
      flatpickr = dt.getFullYear();
      console.log("Birth Year: " + flatpickr);
    
  );
);

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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>

Birth Date:
<div id="datepicker"></div>

请看：https://api.jqueryui.com/datepicker/

此页面显示：

$.datepicker.parseDate(格式、值、选项)

从指定格式的字符串值中提取日期。

这可以与onSelect 一起使用，将日期文本转换为日期对象。