diff --git a/components/date-picker/RangePicker.jsx b/components/date-picker/RangePicker.jsx
index c31fb767fa..345c9fc672 100644
--- a/components/date-picker/RangePicker.jsx
+++ b/components/date-picker/RangePicker.jsx
@@ -123,14 +123,14 @@ export default class RangePicker extends React.Component {
                 <input
                   disabled={disabled}
                   onChange={props.handleInputChange}
-                  value={start && props.getFormatter().format(start)}
+                  value={start ? props.getFormatter().format(start) : ''}
                   placeholder={startPlaceholder}
                   className="ant-calendar-range-picker-input" />
                 <span className="ant-calendar-range-picker-separator"> ~ </span>
                 <input
                   disabled={disabled}
                   onChange={props.handleInputChange}
-                  value={end && props.getFormatter().format(end)}
+                  value={end ? props.getFormatter().format(end) : ''}
                   placeholder={endPlaceholder}
                   className="ant-calendar-range-picker-input" />
                 <span className="ant-calendar-picker-icon" />
diff --git a/components/date-picker/createPicker.jsx b/components/date-picker/createPicker.jsx
index 87bccf041c..16139cdabe 100644
--- a/components/date-picker/createPicker.jsx
+++ b/components/date-picker/createPicker.jsx
@@ -105,7 +105,7 @@ export default function createPicker(TheCalendar) {
                     <input
                       disabled={props.disabled}
                       onChange={props.handleInputChange}
-                      value={value && props.getFormatter().format(value)}
+                      value={value ? props.getFormatter().format(value) : ''}
                       placeholder={placeholder}
                       className={props.pickerInputClass} />
                     <span className="ant-calendar-picker-icon" />