Styjun

How to get all months in a query where one month has no matches?

Using font to highlight a god's speech in dialogue

How to disambiguate between various meditation practices?

Informed Consent Research Question

Received email from ISP saying one of my devices has malware

What is the most likely cause of short, quick, and useless reviews?

Are manifolds admitting a circle foliation covered by manifolds with a (non-trivial) circle action?

Is it safe for a student to give negative feedback in student evaluations?

Why didn't Thatcher give Hong Kong to Taiwan?

How does Harry wear the invisibility cloak?

Solve this icositetragram

Which is the best password hashing algorithm in .NET Core?

Error: Method does not exist or incorrect signature: void get(String) from the type Object

How to run a command 1 out of N times in Bash

Is torque as fundamental a concept as force?

What percentage of the mass/energy of the universe is in the form of electromagnetic waves?

Why are Latin and Sanskrit called dead languages?

Taking the first element in a list of associations

Initializing a std::array with a constant value

Remove ads in Viber for PC

What is this red bug infesting some trees in southern Germany?

How is total raw calculated for Science Pack 2?

In chocolate terminology, what is the name of thinly sliced leaf-shaped toppings made from hot, smooth chocolate, used to form flower petals?

Were the women of Travancore, India, taxed for covering their breasts by breast size?

el-date-picker sets default-value only to the year and month, and the day cannot be highlighted

Handle methods differently in Vue depending on mobile or nothow can I make this specific format with momentHow to Set minimum and maximum date dynamically in Element-ui date pickerElement-UI how to set default filter value in column filtersVueJs + Element UI: How to set default value with photo el-select?how to set the default date of the day in vue jsVueJs - el-date-picker : How to set format default value new Date()How do I account for leap years and months with 30 days in custom date picker drop downs?How do I make the element UI time picker set value only after the ok button is clicked?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

I am using el-date-picker component,my expectation is to using :default- value to set the default highlight date to a specified date instead of current local date.
but the fact is the drop-down box can locate to 2019-02 ,and the expected date is not highlighted, what is wrong here?

<el-date-picker
 v-model="value8"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">

data() 
return 
 defaultDate: new Date('2019-02-22')

see my jsfiddle:https://jsfiddle.net/48ehxz9n/

vue.js vuejs2 element-ui

share|improve this question

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

add a comment | 

1

I am using el-date-picker component,my expectation is to using :default- value to set the default highlight date to a specified date instead of current local date.
but the fact is the drop-down box can locate to 2019-02 ,and the expected date is not highlighted, what is wrong here?

<el-date-picker
 v-model="value8"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">

data() 
return 
 defaultDate: new Date('2019-02-22')

see my jsfiddle:https://jsfiddle.net/48ehxz9n/

vue.js vuejs2 element-ui

share|improve this question

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

add a comment | 

I am using el-date-picker component,my expectation is to using :default- value to set the default highlight date to a specified date instead of current local date.
but the fact is the drop-down box can locate to 2019-02 ,and the expected date is not highlighted, what is wrong here?

<el-date-picker
 v-model="value8"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">

data() 
return 
 defaultDate: new Date('2019-02-22')

see my jsfiddle:https://jsfiddle.net/48ehxz9n/

vue.js vuejs2 element-ui

share|improve this question

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

<el-date-picker
 v-model="value8"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">

data() 
return 
 defaultDate: new Date('2019-02-22')

share|improve this question

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

share|improve this question

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

asked Mar 28 at 2:12

carmelo zhangcarmelo zhang

2233 bronze badges

2 Answers
2

active

oldest

votes

0

For some reason, the styles do not have a definition for the class default, and this is the reason to open the issue. As an auxiliary solution, add a definition manually:

.el-date-table td.default span 
 color: #409eff;
 font-weight: 700;

[ https://jsfiddle.net/7cw5rz3u/ ]

share|improve this answer

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

add a comment | 

0

You can set the selected date to the default date if you are expecting that is to be highlighted on click of date time picker

html

<div id="app">
<template>
 <div class="block">
 <span class="demonstration">date</span>
 <el-date-picker
 v-model="selectedDate"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">
 </el-date-picker>
 defaultDate |
 selectedDate
 </div>
</template>
</div>

JS

var Main = 
 data() 
 return 
 selectedDate: new Date('2019-02-22'),
 defaultDate: new Date('2019-02-22')
 
 

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

share|improve this answer

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55389189%2fel-date-picker-sets-default-value-only-to-the-year-and-month-and-the-day-cannot%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

For some reason, the styles do not have a definition for the class default, and this is the reason to open the issue. As an auxiliary solution, add a definition manually:

.el-date-table td.default span 
 color: #409eff;
 font-weight: 700;

[ https://jsfiddle.net/7cw5rz3u/ ]

share|improve this answer

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

add a comment | 

0

For some reason, the styles do not have a definition for the class default, and this is the reason to open the issue. As an auxiliary solution, add a definition manually:

.el-date-table td.default span 
 color: #409eff;
 font-weight: 700;

[ https://jsfiddle.net/7cw5rz3u/ ]

share|improve this answer

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

add a comment | 

For some reason, the styles do not have a definition for the class default, and this is the reason to open the issue. As an auxiliary solution, add a definition manually:

.el-date-table td.default span 
 color: #409eff;
 font-weight: 700;

[ https://jsfiddle.net/7cw5rz3u/ ]

share|improve this answer

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

.el-date-table td.default span 
 color: #409eff;
 font-weight: 700;

share|improve this answer

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

answered Mar 28 at 4:32

stdob--stdob--

21.5k44 gold badges3838 silver badges5353 bronze badges

0

You can set the selected date to the default date if you are expecting that is to be highlighted on click of date time picker

html

<div id="app">
<template>
 <div class="block">
 <span class="demonstration">date</span>
 <el-date-picker
 v-model="selectedDate"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">
 </el-date-picker>
 defaultDate |
 selectedDate
 </div>
</template>
</div>

JS

var Main = 
 data() 
 return 
 selectedDate: new Date('2019-02-22'),
 defaultDate: new Date('2019-02-22')
 
 

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

share|improve this answer

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges

add a comment | 

0

You can set the selected date to the default date if you are expecting that is to be highlighted on click of date time picker

html

<div id="app">
<template>
 <div class="block">
 <span class="demonstration">date</span>
 <el-date-picker
 v-model="selectedDate"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">
 </el-date-picker>
 defaultDate |
 selectedDate
 </div>
</template>
</div>

JS

var Main = 
 data() 
 return 
 selectedDate: new Date('2019-02-22'),
 defaultDate: new Date('2019-02-22')
 
 

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

share|improve this answer

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges

add a comment | 

You can set the selected date to the default date if you are expecting that is to be highlighted on click of date time picker

html

<div id="app">
<template>
 <div class="block">
 <span class="demonstration">date</span>
 <el-date-picker
 v-model="selectedDate"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">
 </el-date-picker>
 defaultDate |
 selectedDate
 </div>
</template>
</div>

JS

var Main = 
 data() 
 return 
 selectedDate: new Date('2019-02-22'),
 defaultDate: new Date('2019-02-22')
 
 

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

share|improve this answer

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges

<div id="app">
<template>
 <div class="block">
 <span class="demonstration">date</span>
 <el-date-picker
 v-model="selectedDate"
 type="date"
 placeholder="Pick a date"
 :default-value="defaultDate">
 </el-date-picker>
 defaultDate |
 selectedDate
 </div>
</template>
</div>

var Main = 
 data() 
 return 
 selectedDate: new Date('2019-02-22'),
 defaultDate: new Date('2019-02-22')
 
 

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

share|improve this answer

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges

answered Mar 28 at 7:52

Tony TomTony Tom

52233 silver badges1010 bronze badges