在选择日期后,如何使jQuery Datepicker自动按下提交按钮

时间:2015-09-09 08:04:26

标签: javascript jquery html datepicker

因此,只要在Datepicker上选择了一个日期,我就想要一个按下按钮来提交日期。这样,用户无需点击按钮即可提交他们想要查看的日期。

我的jQuery代码:

<script>
    $(function() {
    $( "#date" ).datepicker({
        numberOfMonths: 3,
        showButtonPanel: true
    });
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd');
    });  
</script>   

然后是HTML按钮:

<button type="submit" value="submit" id="submit" name="submit">Submit </button>

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

使用像这样的onSelect事件,Working demo here

$(function() {
    $('#date').datepicker( {
        onSelect: function(date) {
            $("#yourFormId").submit();
            //OR $("#yourButton").click();
        }
    });
});

答案 1 :(得分:1)

我猜你的日期选择器在表单中..然后执行此操作:)

#pragma mark - IBActions

- (IBAction)minusTouchUpInside:(id)sender
{
NSString *value = self.textField.text;
if (value.length > 0) {
    NSString *firstCharacter = [value substringToIndex:1];
    if ([firstCharacter isEqualToString:@"-"]){
        self.textField.text = [value substringFromIndex:1];
    }else{
        self.textField.text = [NSString stringWithFormat:@"-%@", value];
    }
}
}

- (IBAction)doneTouchUpInside:(id)sender
{
    [self.textField resignFirstResponder];
}

您还可以通过将dateFormat选项直接添加到datepicker的init

来缩小代码
 $(function() {
    $( "#date" ).datepicker({
        numberOfMonths: 3,
        showButtonPanel: true,
        onSelect: function(dateText, inst) {
            $(this).parents("form").submit();
        }
    });
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd');

});