r - Add back/next button to date range input in shiny -


i spent quite while trying figure out how add back/next week button around daterangeinput field in shiny. think cool , handy feature , seems there no similar question/answer on stackoverflow (correct me if i'm wrong , delete post).

here screenshot know talking about: enter image description here

here list of features think of when design code.
1. when hit back/next buttons, both dates move backward/forward
2. back/next should use gap between 2 dates jump around
3. when date on left hits minimum dates , hit back, date won't decrease anymore date on right side still decrease until hits minimum dates well
4. when both dates equals each other @ minimum date, when hit next, date on right side increase 7 (a week) default.
5. vice versa right side.

i put code on public gist.

shiny::rungist("https://gist.github.com/haozhu233/9dd15e7ba973de82f124")

server.r 

library(shiny) shinyserver(function(input, output, session) {    session$onsessionended(function() {     stopapp()   })    date.range <- as.date(c("2015-01-01", "2015-12-31"))   # ------- date range input + previous/next week buttons---------------   output$choose.date <- renderui({     daterangeinput("dates",                     label = h3(html("<i class='glyphicon glyphicon-calendar'></i> date range")),                     start = "2015-05-24", end="2015-05-30",                     min = date.range[1], max = date.range[2])   })     output$pre.week.btn <- renderui({     actionbutton("pre.week",                   label = html("<span class='small'><i class='glyphicon glyphicon-arrow-left'></i> back</span>"))   })   output$next.week.btn <- renderui({     actionbutton("next.week",                   label = html("<span class='small'>next <i class='glyphicon glyphicon-arrow-right'></i></span>"))   })    date.gap <- reactive({input$dates[2]-input$dates[1]+1})   observeevent(input$pre.week, {     if(input$dates[1]-date.gap() < date.range[1]){       if(input$dates[2]-date.gap() < date.range[1]){         updatedaterangeinput(session, "dates", start = date.range[1], end = date.range[1])       }else{updatedaterangeinput(session, "dates", start = date.range[1], end = input$dates[2]-date.gap())}       #if 2 dates inputs equal each other, use 7 gap default     }else{if(input$dates[1] == input$dates[2]){updatedaterangeinput(session, "dates", start = input$dates[1]-7, end = input$dates[2])     }else{updatedaterangeinput(session, "dates", start = input$dates[1]-date.gap(), end = input$dates[2]-date.gap())}     }})   observeevent(input$next.week, {     if(input$dates[2]+date.gap() > date.range[2]){       if(input$dates[1]+date.gap() > date.range[2]){         updatedaterangeinput(session, "dates", start = date.range[2], end = date.range[2])       }else{updatedaterangeinput(session, "dates", start = input$dates[1]+date.gap(), end = date.range[2])}     }else{if(input$dates[1] == input$dates[2]){updatedaterangeinput(session, "dates", start = input$dates[1], end = input$dates[2]+7)     }else{updatedaterangeinput(session, "dates", start = input$dates[1]+date.gap(), end = input$dates[2]+date.gap())}     }})    output$dates.input <- renderprint({input$dates}) }) #------- end of date range input -----------------

ui.r

library(shiny) shinyui(   navbarpage("demo",               position = "static-top",              fluid = f,               #================================ tab 1 =====================================              tabpanel("demo",class="active",                       sidebarlayout(                         sidebarpanel(uioutput("choose.date"),                                      tags$div(class="row",                                               tags$div(class="col-xs-6 text-center", uioutput("pre.week.btn")),                                               tags$div(class="col-xs-6 text-center", uioutput("next.week.btn")))                         ),                         mainpanel = (                           textoutput("dates.input")                         )                       ))))

Comments

Post a Comment

Popular posts from this blog

1111. appearing after print sequence - php -

morning, i have code takes string of shoe sizes, explodes , puts in table. code works , info displayed correctly on page after table there few 1's after table. i'm confused this. so table looks (in columns of 3 on webpage) available in following sizes: 3 4 5 6 9 10 111 here's codes, purpose of example $x = 3|4|6|10|9 function get_sizes_pipe($x) { $counter = 0; $splits = explode("|",$x); asort($splits); $x = print "<table class='greentable'>"; $x .= print "<thead><tr><th scope='col' colspan='3' abbr='starter'>available in following sizes:</th></tr></thead><tbody><tr>"; foreach ($splits $split) { $entry = print "<td>".$split."</td>"; if($counter == 2){ $entry .= print "</tr><tr>"; $counter =0; } else { $counter++; ...
Read more

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

this question has answer here: why spring mvc respond 404 , report “no mapping found http request uri […] in dispatcherservlet”? 3 answers i trying making simple bbs i'm encountering following error, warn : org.springframework.web.servlet.pagenotfound - no mapping found http request uri [/board/] in dispatcherservlet name 'appservlet' i have tried solve error many times, have failed. how can solve error? here web.xml, controllerand , servlet-context. my web.xml <?xml version="1.0" encoding="utf-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <filter> <filter-nam...
Read more

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -

weirdest error, who’s challenge try , me? spent hours yesterday on , it’s magic. can't believe happening , it's driving me crazy. btw, using: rails 4.2.3 ruby 2.2.3 pg 0.18 encoding.default_internal = encoding.default_external = utf-8 config.encoding = 'utf-8' it has postgres, activerecord , encodings! turns out we’ve been getting these errors whenever create new users on database special characters: encoding::undefinedconversionerror: "\xc3" ascii-8bit utf-8 \xc3 may vary depending on characters. weird part we’ve set since beginning utf-8. makes no sense , digged it, , used script: user.all.each |user| user.attributes.each |name, value| if value.is_a? string puts user.email + name.encoding.to_s + value.encoding.to_s end end end and output of 1 of users, users same: dr_lottahelp@blahblah.comutf-8utf-8 dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8asci...
Read more