如何将日期选择器更改为仅限年份的选择器?

时间:2017-08-29 06:38:20

标签: javascript jquery html

我想仅在动态输入字段中更改为年份选择器日历。日历应仅显示年份值可以任何人帮助我。

这是javascript代码。

$('body').on('focus',".datepicker", function(){

    if( $(this).hasClass('hasDatepicker') === false )  {
        $(this).datepicker();
    }

});

3 个答案:

答案 0 :(得分:2)

com.example
EXTERN printf: PROC

PUBLIC hello_world_asm

.data
hello_msg db "Hello world", 0


.code
hello_world_asm PROC
push rbp ; save frame pointer
mov rbp, rsp ; fix stack pointer
sub rsp, 8 * (4 + 2) ; shadow space (32bytes)

lea rax, offset hello_msg
mov rcx, rax ; <---- QUESTION ABOUT THIS LINE
call printf

; epilog. restore stack pointer
mov rsp, rbp
pop rbp
ret
hello_world_asm ENDP


END

我认为它是bootstrap datepicker(Link

答案 1 :(得分:1)

你可以尝试这个。并看看它是否有助于解决您的问题。

HTML:

<select name="yearpicker" id="yearpicker"></select>

JS:

var startYear = 1800;
for (i = new Date().getFullYear(); i > startYear; i--)
{
  $('#yearpicker').append($('<option />').val(i).html(i));
}

这是一个jsfiddle web storage

答案 2 :(得分:0)

如果你想选择一年,我就不会使用datepicker。使用select即可。但是,您可以修改datepicker(因为您没有提到您正在使用哪一个我假设 jQuery UI ),只能返回年份

看看这个小提琴:

&#13;
&#13;
$(function() { 
    $(".datepicker").datepicker({ dateFormat: 'yy' });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

<input type="text" class="datepicker"/>
&#13;
&#13;
&#13;