标签: datetimepicker

每当我启动我的程序时,DateTimePicker会自动显示今天的日期和时间.我怎么能阻止这个？我怎么能把它弄空白？

我有一个DOB DateTimePicker.对于一些用户我不知道他们的DOB,所以我希望DateTimePicker显示null或空字段.

我在VS2012中的表单上有一个名为binding的bindingsource控件，并且有一个绑定到它的DateTimePicker控件。

对于绑定属性，我具有MinDate = 1/01/1753和MaxDate = 31/12/9998值是通过从压延机中选择“今天”设置的。2013年5月4日11:27 AM

我使用设置了绑定源

var dset = base.Context.ContactEvents;
var qry = dset.Where(p => p.Id > 0).OrderBy(x => x.Id);
qry.Load();
this.bindingSource.DataSource = dset.Local.ToBindingList();

绑定源的使用方式如下：

 public void RefreshBindingDataSourceAndPosition(BindingSource binding)
  {
    binding.DataSource = this.bindingSource.DataSource;  // error raised here
    binding.Position = this.bindingSource.Position;
  }

错误信息是

System.ArgumentOutOfRangeException越过了本机/托管边界HResult = -2146233086 Message =值'1/01/0001 12:00:00 AM'对'值'无效。“值”应介于“ MinDate”和“ MaxDate”之间。参数名称：值Source = System.Windows.Forms ParamName =值StackTrace：在System.Windows.Forms.DateTimePicker.set_Value（DateTime值）内部异常：

我可以通过不绑定数据选择器并将其设置在EventsBindingSource_CurrentChanged事件中来解决此问题。

但是，这样做似乎很奇怪。如何使数据绑定正常工作？

[更新]此问题与此处描述的问题类似， 我试图在一个较简单的项目中重现此问题，以便尝试找出原因，但是它在较简单的项目中有效。项目也可以在另一台计算机上工作。在同时使用SQL Server 2012和2008R2的计算机上会发生此问题。我尝试在控制面板中更改日期格式和国家/地区。我也尝试了format属性的不同设置。我也尝试将日期字段设置为支持null。

当我将错误复制到剪贴板时，它显示以下内容；

发生System.Reflection.TargetInvocationException HResult = -2146232828 Message = Exception已由调用目标抛出。Source = mscorlib StackTrace：位于System.Reflection.RuntimeMethodInfo.UnsafeInvokeInternal（Object obj，Object []参数，Object []参数）的System.RuntimeMethodHandle.InvokeMethod（对象目标，Object []参数，签名sig，布尔构造函数）InnerException： …

我看到这个小提琴用于验证mm/dd/yyyy or mm-dd-yyyy，但我想验证yyyy-mm-dd hh:mm:ss格式以及如何确保今天小于格式的日期yyyy-mm-dd hh:mm:ss？

这就是我启动日期时间选择器的方式..

$("#startDate, #endDate").datetimepicker({ dateFormat: 'yyyy-mm-dd hh:mm:ss'}); 

请帮助我完成这件事。

谢谢

我正在使用它来选择日期和时间。该文档没有提到时间选择器，但无论如何它都可以工作。

HTML：

<div class="dateTimePicker">
        <input name="start" type="text" value="">
        <span class="add-on"><i class="time-icon"></i></span>
</div>

JS：

$(".dateTimePicker").datetimepicker({
    pickDate: false,
    pickTime: true,
    useSeconds: false,
    format: 'hh:mm'
});

这一切正常。它显示了一个间隔为1 hour for hours, 3 minutes for minutes and 3 seconds for seconds.

我的目标是将分钟的间隔从 3 更改为 15。目前，分钟选择器显示：00 03 06 etc。我可以将其更改为00 15 30 45. 这甚至是可能的还是有任何其他时间选择器可以给我这种灵活性？

我有一个要求，我需要两个日期选择器来输入 from 和 To Dates.ToDate 应该大于或等于 From Date（选择 fromdate 后，所有以前的日期都应该在第二个 Datepiker 中禁用）。也从 date 和todate 应该只来自当前年份。我如何使用 jquery 日期选择器配置来做同样的事情。当前我正在创建这样的日期选择器

     $(document).on('click', '#From', function () {
    $(this).datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), changeYear: false });
});

$(document).on('click', '#To', function () {
    $(this).datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, yearRange: new Date().getFullYear().toString() + ':' + new Date().getFullYear().toString(), changeYear: false });
});

谁能帮忙解决这个问题

我尝试过这个方法和其他方法，但仍然不起作用。

$(function () {
    $('#datetimepicker').datetimepicker({
        format: 'HH:mm',
        disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 6 })], [moment({ h: 17, m: 30 }), moment({ h: 24 })]],
        enabledHours: [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17],
        minuteStepping: 15
    });
});

开发 MVC 应用程序并在 Razor 中导入了这些脚本：

<link rel="stylesheet" href="@Url.Content("~/Content/bootstrap.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/bootstrap-datetimepicker.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/_bootstrap-datetimepicker.less")">
<script src="@Url.Content("~/Scripts/jquery-3.3.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
<script src="@Url.Content("~/Scripts/popper.min.js")"></script>
<script src="@Url.Content("~/Scripts/moment-with-locales.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap-datetimepicker.min.js")"></script>

我这样设置日期时间选择器：

$('#datetimepicker').datetimepicker({
    locale: 'cs',
    format: 'DD.MM.YYYY',
    dayViewHeaderFormat: 'MMMM YYYY',
    minDate: today,
    stepping: 1,
    showTodayButton: true,
    allowInputToggle: true
});
$('.timepicker').datetimepicker({
    locale: 'cs',
    format: 'HH:mm',
    dayViewHeaderFormat: 'MMMM YYYY',
    stepping: 5,
    allowInputToggle: true
});

我的 datetimepicker 和 timepicker 都显示了用于控制的箭头按钮，如图所示：

两者都有那些控制元素，但没有图标，我不知道为什么。

因为我更新到angular7,我收到错误？

的package.json

"dependencies": {
            "@angular/animations": "^7.0.3",
            "@angular/common": "^7.0.3",
            "@angular/compiler": "^7.0.3",
            "@angular/core": "^7.0.3",
            "@angular/forms": "^7.0.3",
            "@angular/http": "^7.0.3",
            "@angular/platform-browser": "^7.0.3",
            "@angular/platform-browser-dynamic": "^7.0.3",
            "@angular/platform-server": "^7.0.3",
            "@angular/router": "^7.0.3",
            "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.9",
            "@types/lodash": "^4.14.116",
            "bootstrap": "^4.1.3",
            "core-js": "^2.5.7",
            "font-awesome": "^4.7.0",
            "hammerjs": "^2.0.8",
            "ng-connection-service": "^1.0.4",
            "ngx-perfect-scrollbar": "^6.3.1",
            "ngx-toastr": "^9.1.0",
            "ngx-ui-switch": "^1.6.0",
            "rxjs": "^6.3.3",
            "rxjs-compat": "^6.3.3",
            "web-animations-js": "2.3.1",
            "zone.js": "^0.8.26"
        },
        "devDependencies": {
            "@angular-devkit/build-angular": "^0.10.5",
            "@angular/cdk": "^6.4.7",
            "@angular/cli": "^7.0.5",
            "@angular/compiler-cli": "^7.0.3",
            "@angular/language-service": "^7.0.3",
            "@angular/material": "^6.4.7",
            "@types/jasmine": "^2.8.11",
            "@types/jasminewd2": "~2.0.2",
            "@types/node": "^10.12.6",
            "codelyzer": "^4.5.0",
            "jasmine-core": "^3.3.0",
            "jasmine-spec-reporter": "^4.2.1",
            "karma": …

我想打个日期时间选择器..怎么做？

我指的是这个链接

http://trentrichardson.com/examples/timepicker/

我已经包含.js文件如下:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script src="@Url.Content("~/Scripts/JqgridAction.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-sliderAccess.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-1.7.1.min.js")" type="text/javascript"></script>
 <script type="text/javascript">
    $(document).ready(function () {
    alert($("#example1").length);
        $('#example1').datetimepicker();
    });  
</script>

这是我的身体:

<div class="blueline">
    <div align="left">
        @Html.ValidationSummary(false, "Please correct the following errors")
        @using (Html.BeginForm())
        {   
             <div class="example-container">
                <p>
                    Add a simple timepicker to jQuery UI's datepicker</p>
                <div>
                    <input id="example1" class="hasDatepicker" type="text" value="" name="example1" />
                </div>              
            </div>

            <div class="clear">
            </div>
        }

</div>

我收到错误:Microsoft JScript运行时错误:对象不支持此属性或方法

显示以下代码:在行$('#example1').datetimepicker();

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> …

我有一个DatePickerDialog.在默认配置中,它工作正常.

DatePickerDialog dialog = new DatePickerDialog(
    view.getContext(),
    new OnDateSetListener() {

        @Override
        public void onDateSet(DatePicker picker, int year, int monthOfYear, int dayOfMonth) {
            // do something
        }
    },
    startDate.getYear(),
    startDate.getMonth() - 1,
    startDate.getDay()
);

现在我想更改按钮的文本.我尝试使用以下代码:

dialog.setButton(DatePickerDialog.BUTTON_POSITIVE, "New Label", new DialogInterface.OnClickListener() {

    public void onClick(DialogInterface dialog, int which) {
        // do something
    }
});

现在我的问题是从datepicker控件获取日期.单击按钮不会调用DateSetListener.如何通过DateSetListener获取日期？获得约会的另一种可能性是

public void onClick(DialogInterface dialog, int which) {
    int year = ((DatePickerDialog) dialog).getDatePicker().getYear();
    int month = ((DatePickerDialog) dialog).getDatePicker().getMonth();
    int day = ((DatePickerDialog) dialog).getDatePicker().getDayOfMonth();
}

但这似乎是一种不必要的复杂方式.

对于TimePickerDialog,这种替代方法不起作用,因为我找不到获取timepicker控件的方法.因此我需要使用TimeSetListener,但我找不到可能性(比如datepicker).

谢谢你的回复.