On Mon, Apr 26, 2021 at 7:00 PM si <[email protected]> wrote: > Thanks for the reply @Tones, but this isn't quite what I am asking. > > I'm trying to get a tiddler that contains *only* the calendar for picking > a date. Most solutions, including the one that you offer, include a > button/field to be clicked on in order to open the date picker. I want to > use my own custom button. >
As Tones reply above the http://tiddlytools.com/timer.html from Eric Shulman is among the best! Drag and drop two tiddlers in to your wiki - TiddlyTools/Time/SidebarCalendar - TiddlyTools/Time/Calendar > On Monday, 26 April 2021 at 03:24:41 UTC+1 TW Tones wrote: > >> Here is an example, >> >> In this case you provide the macro with a date fieldname (default date) >> and is stores the selected value in html to an "-input" field, it retains >> this to keep the date displayed, however simultaneously it generates a date >> serial number (at noon on the selected day). >> >> Now the date serial can be used with sort, days operator, view widget and >> more. >> >> \define pick-date(fieldname:"date") >> <$set name=date-fieldname value="$fieldname$"> >> <$set name=date-input-field value={{{ [<date-fieldname>addsuffix[-input]] >> }}} > >> <$edit-text field=<<date-input-field>> type="date" >> inputActions=<<set-date-actions>>/> >> </$set></$set> >> \end >> \define set-date-actions() >> <$action-setfield $tiddler=<<currentTiddler>> $field=<<date-fieldname>> >> $value={{{ >> [all[current]get<date-input-field>split[-]join[]addsuffix[120000000]] }}}/> >> \end >> <<pick-date journal-date>> <$view field="journal-date" >> format="relativedate"/> >> >> >> Here is a pick time macro; >> >> \define pick-time(fieldname:"time") >> <$set name=date-fieldname value="$fieldname$"> >> <$set name=date-input-field value={{{ [<date-fieldname>addsuffix[-input]] >> }}} > >> <$edit-text field=<<date-input-field>> type="time" >> inputActions=<<set-date-actions>>/> >> </$set></$set> >> \end >> \define set-date-actions() >> <$action-setfield $tiddler=<<currentTiddler>> $field=<<date-fieldname>> >> $value={{{ [all[current]get<date-input-field>] }}}/> >> \end >> <<pick-time journal-time>> <$view field="journal-time" format="time"/> >> >> Tones >> >> On Monday, 26 April 2021 at 11:09:14 UTC+10 TW Tones wrote: >> >>> Here is a really simple answer; >>> >>> <$edit-text field="journal-date" type=date/> >>> >>> However I would be inclined to save this to a temporary field and using >>> the edit text widget actions convert it to a tiddlywiki date serial number. >>> >>> Regards >>> Tones >>> >>> On Monday, 26 April 2021 at 00:44:53 UTC+10 si wrote: >>> >>>> I am trying to re-create the functionality from Projectify >>>> <https://projectify.wiki/> which enables you to set a due date for a >>>> task by clicking a tag-pill style button. See here >>>> <https://projectify.wiki/demo.html#Buy%20milk> for a demo - you can >>>> click schedule and then the text of the button gets replaced with the >>>> scheduled date. >>>> >>>> I have my code for the button (see below), but I need to create a >>>> tiddler containing a date-picker to be activated by the reveal widget. >>>> Unfortunately it seems that the date-picker plugin >>>> <http://kixam.github.io/TW5-datePicker/> doesn't work like this - it >>>> creates an icon for you to click, rather than just displaying the >>>> date-picker to use where you wish. >>>> >>>> I also tried copying some of the code from Projectify, but I ran into >>>> at least two problems: >>>> >>>> - The date-picker widget that Projectify has no way to change the >>>> field that stores the date, and I need to create two separate buttons >>>> (for >>>> due-date and threshold). >>>> - The styling got all messed up (see image). >>>> >>>> [image: date-picker .png] >>>> >>>> Anyway I'm wondering if there is any easy way to get what I want, or am >>>> I destined to have to play with javascript and css? >>>> >>>> <hr> >>>> >>>> *Here is the code I used for the button, if relevant. I was hoping to >>>> just be able to add a date-picker to the tiddler >>>> $:/si/entry-method/date-picker and then just transclude it in:* >>>> >>>> \define due-button() >>>> <span class="tc-tag-list-item"> >>>> <$vars stateTiddler=<<qualify "$:/state/due-button">> >>>> tag-value={{{ [{!!due}!is[blank]else[Schedule]] }}}> >>>> <$macrocall $name="tag-pill-body" tag=<<tag-value>> >>>> colour="#eee8d5" palette={{$:/palette}} element-tag="""$button""" >>>> element-attributes="""popup=<<stateTiddler>> tag='span'"""/> >>>> <$reveal state=<<stateTiddler>> type="popup" >>>> position="below" animate="no" class="tc-drop-down"> >>>> {{||$:/si/entry-method/date-picker}} >>>> </$reveal> >>>> </$vars> >>>> </span> >>>> \end >>>> <$list filter="[all[current]tag[Task]]"> >>>> <<due-button>> >>>> </$list> >>>> >>> -- > You received this message because you are subscribed to the Google Groups > "TiddlyWiki" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/177fa357-82e1-4efd-8119-7ad8d8f07386n%40googlegroups.com > <https://groups.google.com/d/msgid/tiddlywiki/177fa357-82e1-4efd-8119-7ad8d8f07386n%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CAAV1gMBoHS0M0vth_dJVcJuZmW9RR6dHh6J6okTHz6h%3Dx7-tGw%40mail.gmail.com.
