choose this ["2018-10-08T16:00:00.000Z", "2018-11-05T16:00:00.000Z"]
can you do this ["2018-10-08", "2018-11-05"]
choose this ["2018-10-08T16:00:00.000Z", "2018-11-05T16:00:00.000Z"]
can you do this ["2018-10-08", "2018-11-05"]
if you are using the latest version of elementui, there is a format attribute
<el-date-picker
v-model="value12"
type="date"
placeholder=""
format="yyyy MM dd "
value-format="timestamp">
</el-date-picker>if this doesn't work, you can get the value and use moment to change the format
<el-date-picker
v-model="value6"
type="daterange"
format="yyyy MM dd "
value-format="yyyy-MM-dd"
range-separator=""
start-placeholder=""
end-placeholder="">
</el-date-picker>so there is no
Brother die, what do you think of mine
<div id="app">
<div class="block">
<span class="demonstration"></span>
{{value6}}
<el-date-picker v-model="value6" type="daterange" range-separator="" start-placeholder=""
end-placeholder="" @change='ok'>
</el-date-picker>
</div>
</div>
<script>
new Vue({
el: '-sharpapp',
data() {
return {
value6: '',
};
},
methods: {
ok: function (val) {
var date1 = this.formatDateTime(val[0])
var date2 = this.formatDateTime(val[1])
console.log(date1, date2)
},
formatDateTime: function (inputTime) {
var date = new Date(inputTime);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
h = h < 10 ? ('0' + h) : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? ('0' + minute) : minute;
second = second < 10 ? ('0' + second) : second;
return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
}
}
});
</script>
Previous: Ionic creates project error report
Next: There is no click event in bootstrap's navbar hamburger menu, but there is interaction?
messageBox global function in elementui is defined in vue export let messageBox = (vm) => { const h = vm.$createElement; vm.$msgbox( { title: , message: h( p , null, [ h( span , { class : ...
when it comes to the demand of comparison pit, element-ui table sorting defaults to ascending order first, and then clicking descending order. Now it is time to descend the order for the first time, and then click to ascend the order. Looking around, I c...
Vue.extend({ props: ["row", "column"], render(h) { return h("el-input", { attrs: { readonly: true, val...
as shown in the figure, the element-ui date component marks us the date of the day by default, which corresponds to the period of the system. Because we are working on a cross-border project, we now want to customize the blue today tag to the current d...
how does element-ui put the total row on the first line, as shown in the figure prototype? originally we also put it on the last line, but the boss of the meeting said that he wanted to see the summary data at first glance, and then our product though...
does anyone know how to do range control? There seems to be no such attribute and case ~ ...
as shown in the figure, I give el-form a return submission to execute a method, and @ keyup.enter.native is written on el-form. I ve used element-ui before. It s written on el-form. I saw that people who looked up on the Internet also said @ keyup.en...
for example, the table is sorted according to the date order before paging, and the date is sorted disorderly after paging, as shown in the following figure this is the first page . obviously, the date order is out of order, but it is sorted on the...
Is there any way to achieve the effect of the following figure with the vue elementUI used in ? ...
my goal is to get multiple pieces of data from a table from the database and display it in the form of a notification when opening a single page, so after getting the database data in the mounted hook function, call the Notification component with for l...
pagination paging control in the project page using eletable + ele. wants to implement a paging control that does not scroll with the page when there is a lot of data on the page and under the screen. But suspended at the bottom of the window. now us...
methods:{ applyFree(formName){ let _this = this; _this.$refs.formName.validate((valid) => { if (valid) { debugger; } else { return false; } } } -sharp-sharp ...
: ...
there is a lot of data in the drop-down, so I don t want to request all of them to be displayed. want to do a paging display function, my idea is to load ten pieces of data for the first time, and when the mouse is pulled to the last piece of data,...
In the project, many modal boxes are required to submit the form. The beginning and end of the modal box are all the same, and the middle content uses slot to insert different content. Click OK to submit the data to different interfaces. shared modal ...
ERROR in . src renderer App.vue Module build failed (from . node_modules vue-loader lib index.js): Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. ...
how to implement https: blog.csdn.net CodingN., please give me a thought, thank you ...