Phân tích sâu hơn về trạng thái bảo trì của công cụ chọn ngày-bootstrap dựa trên nhịp phiên bản npm đã phát hành, hoạt động của kho lưu trữ và các điểm dữ liệu khác đã xác định rằng việc bảo trì của nó là Không hoạt động
Một tín hiệu bảo trì dự án quan trọng cần xem xét đối với công cụ chọn ngày khởi động lại phản ứng là nó không thấy bất kỳ phiên bản mới nào được phát hành cho npm trong 12 tháng qua và có thể được coi là một dự án đã ngừng hoặc ít nhận được sự chú ý từ
Trong tháng trước, chúng tôi không tìm thấy bất kỳ hoạt động yêu cầu kéo nào hoặc thay đổi trạng thái vấn đề đã được phát hiện đối với kho lưu trữ GitHub
Bộ chọn ngày dựa trên React-Bootstrap
Xem demo tại pushtell. github. io/Reac-bootstrap-date-picker
Vui lòng ★ trên GitHub
Sử dụng mô-đun này trong sản xuất?
Mục lục- Cài đặt
- Cách sử dụng
- Tham chiếu API
8var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- bài kiểm tra
- Bảo hiểm trình duyệt
- Chạy thử nghiệm
Cài đặt
9 tương thích với React 0. 14. x và 0. 15. xvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
npm install react-bootstrap-date-picker
Cách sử dụng
var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
Tham chiếu API
var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
8
var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
Thành phần DatePicker. Hiển thị dưới dạng Nhóm đầu vào React-Bootstrap
Các thuộc tính của Nhóm đầu vào được chuyển qua nhóm đầu vào
Tính chất
1 - Chuỗi ngày ISO đại diện cho giá trị hiện tạivar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
3var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
0 - Chuỗi ngày ISO đại diện cho giá trị mặc định. Không thể được đặt với 'giá trị'var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
3var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
3 - Chuỗi ngày ISO để đặt giá trị ngày thấp nhất cho phépvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
3var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
6 - Chuỗi ngày ISO để đặt giá trị ngày cao nhất cho phépvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
3var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
9 - Đối tượng kiểu được chuyển đến phần tử đầu vàovar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
0npm test
- Không bắt buộc
- Loại.
1npm test
- Ví dụ.
2npm test
3 - Tên lớp được truyền cho phần tử đầu vàonpm test
0npm test
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
6npm test
7 - thuộc tính autoComplete được truyền cho phần tử đầu vàonpm test
0npm test
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
40var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
41 - Thành phần có bắt đầu bằng tiêu điểm hay khôngvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
42var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
43var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
44 - Thành phần có bị vô hiệu hóa hay khôngvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
42var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
43var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
47 - Chức năng gọi lại tập trungvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
48var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Đối số gọi lại
1 - Chuỗi ngày ISO đại diện cho giá trị đã chọnvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
80var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
3var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
82 - Chuỗi đại diện cho giá trị được định dạng như được xác định bởi thuộc tínhvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
83var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
80var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
85var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
86 - Chức năng gọi lại tập trungvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
48var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Đối số gọi lại
88 - Sự kiện tiêu điểmvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
89var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
90 - Chức năng gọi lại làm mờvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
48var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Đối số gọi lại
88 - Sự kiện mờvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
89var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Loại.
83 - Định dạng ngày tháng. Bất kỳ sự kết hợp nào giữa DD, MM, YYYY và dấu phân cáchvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- ví dụ.
96,var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
97,var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
98, hoặcvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
99var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
80 - Ký tự hoặc thành phần để sử dụng cho nút xóavar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2 hoặcvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
82var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
83var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
84 - Chuyển chế độ hiển thị của ClearButtonvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
42var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
43var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
87 - Xác định điều gì sẽ xảy ra khi nhấp vào nút xóavar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
48var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
89 - Ký tự hoặc thành phần để sử dụng cho nút trước đó của lịchvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2 hoặcvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
82var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
12var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
13 - Ký tự hoặc thành phần để sử dụng cho nút tiếp theo của lịchvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2 hoặcvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
82var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
16var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
17 - Giá trị đệm CSS cho các ô ngày theo lịchvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
19var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
20 - Mảng tên ngày để sử dụng trong lịch. bắt đầu từ chủ nhậtvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
21var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
22var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
23 - Mảng tên tháng để sử dụng trong lịchvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
21var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
25var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
26 - Vị trí lớp phủ cho lịch bật lênvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2 hoặcvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
48var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
29var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
30 - Vùng chứa lớp phủ cho lịch bật lên. Khi đặt công cụ chọn ngày trong vùng chứa cuộn, hãy đặt giá đỡ này thành tổ tiên nào đó của vùng chứa cuộnvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại. Một phần tử DOM hoặc một thành phần
- Ví dụ.
31var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
32 - Sử dụng LỖI THỜIvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
33var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
33 - Làm cho tuần của lịch bắt đầu vào một ngày cụ thể. 0 = Chủ Nhật, 1 = Thứ Hai, v.v.var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
35var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
36var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
37 - Chuyển chế độ hiển thị của nút hôm nayvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
38var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
43var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
00 - Nhãn cho nút hôm nayvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Không bắt buộc
- Loại.
2var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
02var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
03 - Ghi đè thành phầnvar DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
0 mặc định bằng thành phần của riêng bạnnpm test
- Không bắt buộc
- Loại.
05var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
- Ví dụ.
06var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];
phương pháp
bài kiểm tra
Bảo hiểm trình duyệt
Kiểm tra Karma được thực hiện trên Browserstack trong các trình duyệt sau
- TỨC LÀ 9, Windows 7
- TỨC LÀ 10, Windows 7
- TỨC LÀ 11, Windows 7
- Opera [phiên bản mới nhất], Windows 7
- Firefox [phiên bản mới nhất], Windows 7
- Chrome [phiên bản mới nhất], Windows 7
- Safari [phiên bản mới nhất], OSX Yosemite
- Mobile Safari [phiên bản mới nhất], iPhone 6, iOS 8. 3
Vui lòng cho chúng tôi biết nếu một cấu hình khác nên được đưa vào đây
Chạy thử nghiệm
tại địa phương
npm test
Trên trình duyệt
4var DatePicker = require["react-bootstrap-date-picker"];
var App = React.createClass[{
getInitialState: function[]{
var value = new Date[].toISOString[];
return {
value: value
}
},
handleChange: function[value, formattedValue] {
this.setState[{
value: value, // ISO String, ex: "2016-11-19T12:00:00.000Z"
formattedValue: formattedValue // Formatted String, ex: "11/19/2016"
}];
},
componentDidUpdate: function[]{
// Access ISO String and formatted values from the DOM.
var hiddenInputElement = document.getElementById["example-datepicker"];
console.log[hiddenInputElement.value]; // ISO String, ex: "2016-11-19T12:00:00.000Z"
console.log[hiddenInputElement.getAttribute['data-formattedvalue']] // Formatted String, ex: "11/19/2016"
},
render: function[]{
return
Label
Help
;
}
}];