http://blog.roxing.net/ weblog roxing.net - astuces spip, php, bash, linux & more fr SPIP - www.spip.net https://blog.roxing.net/local/cache-vignettes/L144xH37/siteon0-6ddb5.png?1727125340 http://blog.roxing.net/ 37 144 https://blog.roxing.net/vue-js-collections-de-filtres https://blog.roxing.net/vue-js-collections-de-filtres 2017-10-16T13:06:25Z text/html fr placido javascript vue.js <p>// formater une date (necessite moment.js) Vue.filter('formatDate', function(value,input,output) if (value) var input = input || 'MM-DD-YYYY' ; var output = output || 'DD/MM/YYYY' ; return moment(String(value),input).format(output) ) <br class='autobr' /> // formater un prix Vue.filter('formatCurrency', function(value,currency) var value = parseFloat(value) ; var currency = currency || 'BRL' ; <br class='autobr' /> if ( typeof(value) === 'number') (…)</p> - <a href="https://blog.roxing.net/signets" rel="directory">signets</a> / <a href="https://blog.roxing.net/javascript" rel="tag">javascript</a>, <a href="https://blog.roxing.net/vue-js" rel="tag">vue.js</a> <div class='rss_texte'><textarea readonly='readonly' cols='40' rows='28' class='spip_cadre spip_cadre_block' dir='ltr'>// formater une date (necessite moment.js) Vue.filter('formatDate', function(value,input,output) { if (value) { var input = input || 'MM-DD-YYYY'; var output = output || 'DD/MM/YYYY'; return moment(String(value),input).format(output) } }) // formater un prix Vue.filter('formatCurrency', function(value,currency) { var value = parseFloat(value); var currency = currency || 'BRL'; if ( typeof(value) === 'number') { value = value.toLocaleString(undefined, {style: 'currency', currency: currency, minimumFractionDigits: 2, maximumFractionDigits: 2}) } return value }) // inverser l'ordre d'un tableau Vue.filter('reverse', function(value) { return value.slice().reverse(); })</textarea></div>