have you looked in the details here? http://tiddlytools.com/timer.html

tones

On Tuesday, 27 April 2021 at 00:30:55 UTC+10 si 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.
> 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/bc0e0dd2-b055-4a18-a925-a28f183026afn%40googlegroups.com.

Reply via email to